pagina con più video

**rentesta** · 28-02-2016, 21:00

In una pagina con due video, vorrei ottenere che, dopo aver dato il via al primo, cliccando sul secondo video accada che:
-si interrompa e si chiuda il primo video
-compaia di nuovo l'immagine "banner" sul primo video
-venga eseguito il secondo video
Qualcuno può aiutarmi?
Grazie - Renato

segue il codice della pagina

</head>
<body>


<video width="800" preload poster="r3.jpg" controls loop="loop">
<source src="ronci.mp4"
</video>


Casa in campagna 
 


<video width="800" preload poster="briz4.jpg" controls loop="loop">
<source src="holiday.mp4"
</video>



Trasformazione di un vecchio edificio 
 
 

</body>

</html>

**fladipa** · 29-02-2016, 12:01

Ciao, puoi controllare gli eventi sui video attraverso javascript, o mediante l'utilizzo del framework jquery.

Nel primo caso puoi leggere la documentazione a questo indirizzo:

Ti faccio un esempio

codice:

<video id="myVideo" width="800" preload poster="briz4.jpg" controls loop="loop">
<source src="holiday.mp4" 
</video>

<script>
var vid = document.getElementById("myVideo"); 

vid.onplay = function() {
   stoppa_video2()
     mostra_banner 1()
};
</script>

**rentesta** · 29-02-2016, 20:22

Ringrazio per l'esempio, ma non sono riuscito a farlo funzionare!
Sono ignorante assoluto per quanto riguarda javascript e anche con html non sono un esperto.
Potresti essere più dettagliato nell'esempio?
Immagino che al posto di myVideo dovrei mettere video1 e video2
Poi gli script dovranno essere 2 (uno per ogni video)?
Che devo mettere al posto di stoppa_video2() e di mostra_banner 1() ?
Grazie in anticipo per i suggerimenti

**fladipa** · 01-03-2016, 10:36

Posta il codice della pagina e cerco di aiutarti

**rentesta** · 01-03-2016, 11:02

Il codice è quello che ho inviato con il primo messaggio
Funziona, ma facendo partire contemporaneamente i due video, l'audio si sovrappone per cui vorrei ottenere che cliccando sul secondo si interrompa il primo e viceversa (oppure, nel caso di più di due video, facendone partire uno si interrompano tutti gli altri)
Grazie
PS: non ho capito come si fa ad inserire il codice nel formato che hai usato tu

**rentesta** · 02-03-2016, 15:05

Rimando il codice in formato, spero, leggibile correttamente

codice:

<body>

<p align="center">
<video width="800" preload poster="r3.jpg" controls loop="loop">
<source src="ronci.mp4" 
</video>

<p align="center">
<font face="Consolas">Casa in campagna </font>
<p align="center">&nbsp;</p>
<p align="center">

<video width="800" preload poster="briz4.jpg" controls loop="loop">
<source src="holiday.mp4" 
</video>
<p align="center">

<font face="Consolas">
<p align="center">Trasformazione di un vecchio edificio </font>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>

</body>

**rentesta** · 05-03-2016, 13:23

Fladipa si era gentilmente offerto di aiutarmi, ma non si è più sentito. Ho visto che non invia più messaggi al forum da diversi giorni, quindi probabilmente ha altro da fare.
Poiché mi pare di aver capito che la mia esigenza si dovrebbe poter risovere con Javascript e non con il solo html5, chiedo ai moderatori di valutare la possibilità di spostare questa discussione al forum javascript

Discussione: pagina con più video

Strumenti discussione

Ricerca discussione

Visualizza

pagina con più video

Permessi di invio