cómo mostrar múltiples videos uno a uno dinámicamente en bucle usando HTML5 y javascript

Question

Jan 07, 2014, 07:34 AM

cómo mostrar múltiples videos uno a uno dinámicamente en bucle usando HTML5 y javascript

Estoy tratando de mostrar varios videos uno por uno usando html5 y java script ... pero no viene ... usé el siguiente código

<html>
<head>
<title>video example</title>
</head>
<script>
video_count =1;
videoPlayer = document.getElementById("ss");
video=document.getElementById("myVideo");

function run(){
        video_count++;
        //alert(video_count);
        if (video_count == 4) video_count = 1;
        var nextVideo = "video/video"+video_count+".mp4";
        //videoPlayer.src = nextVideo;
        alert(nextVideo);
        videoPlayer.setAttribute("src", nextVideo[video_count]);
        videoPlayer.play();
   }
videoPlayer.onended(function(e) {
     if (!e) {
        e = window.event;
    } 
 run();
};
</script>
<body onload="run();">
<video id="myVideo" height="400" width="400" autoplay>   
  <source id="ss"  src="video/video1.mp4" type='video/mp4'>

</video>
</body>
</html>

Actualmente el código muestra solo el primer video y se detendrá ...