Questo è il codice che ho inserito:
[HTML]
<!-- Html -->
<video id="video" src=".sitiinternetonline.com/test/wp-content/uploads/2015/03/test1.mp4" autoplay /></video>
[/HTML]
[HTML]
<!-- Css -->
<style>
video {
background: #333;
width: 320px;
height:240px;
}
</style>
[/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.