video playlist in html 5

mircodora1

video playlist in html 5

Ciao a tutti.

Avrei bisogno di una informazione.

Non potendo accorpare tre video in uno solo vorrei sapere se è possibile creare in html 5 una specie di "playlist" molto semplice partendo dal tradizionale tag video.

codice HTML:
<video width="320" height="240"
controls>
<source src="video.mp4" type="video/mp4">
</video>
In teoria si dovrebbe passare senza interruzioni dal video1 al video2 e dal video2 al video3 per poi continuare in loop all'interno dello stesso player video.

E' possibile?

jacko.s.websolutions

Ciao Microdora1,
ti rimando a questo tutorial, nel quale è spiegata passo passo la realizzazione di una video playlist

http://demosthenes.info/blog/909/Create-An-Automatic-HTML5-Video-Playlist

Qui puoi vederne il funzionamento in real time su codepen

http://codepen.io/dudleystorey/pen/vnedg
In caso di problemi non esitare a chiedere

mircodora1

Grazieee mi metto subito all'opera!!!

mircodora1

Questo è il codice che ho inserito:

[HTML]

[/HTML]

[HTML]


<!-- Javascript -->

<script>
var videoPlayer= document.getElementById('video');

videoPlayer.addEventListener('ended', function(){
this.pause();

var videos = [
"test1",
"test2",
"test3",
"test4",
"test5",
"test6",
"test7",
"test8",
"test9",
"test10",
"test11",
"test12",
], videos = videos[Math.floor( Math.random() * videos.length)];

this.src = ".sitiinternetonline.com/test/wp-content/uploads/2015/03/" + videos + ".mp4";

}, false);
</script>

Come potete vedere ora il player carica 12 video diversi ma in funzione random. Se io volessi farli vedere in sequenza dall'1 al 12 come dovrei fare?.
Sicuramente bisgnerebbe inserire un contatore ma non ho idea di come farlo funzionare. Ho provato in diversi modi ma non funzionano.