Javascript - 自动视频播放列表

Question

我想知道如何实现一个没有任何按钮或控件的视频播放列表，只需播放一系列视频并在最后一个视频结束时重新开始。

我发现了这段关于可点击播放列表的代码:http://jsfiddle.net/e8CbF/但我真的不知道如何让它自动化。另外，该数组来自 PHP 变量，我如何在这段代码中使用它？

function loadVids(vidsArray){
 for(var a=0,b,f=document.createDocumentFragment();b=vidsArray[a];++a){
  var c=document.createElement('div');
  c.textContent=b;
  f.appendChild(c);
 }
 d.appendChild(f);
}
var video=document.createElement('video'),vids=['http://screen.alifts.com/screenfiles/video1.mp4','http://screen.alifts.com/screenfiles/video2.mp4'], /* Is it there that I should put the php array ? */
d=document.createElement('div');
d.onclick=function(e){if(e.target.parentNode==this){
 video.src=e.target.textContent;
 video.play();
}} 
document.body.appendChild(video);
document.body.appendChild(d);
loadVids(vids);

Answer 1

你的代码一团糟。所以我完全重写了它。

<video src="" id="player"/>

<script>
var video=counter=0;

videos=['<?php echo join("';'",$array);?>'];

window.onload=()=>{
    //get the video frame
    video=document.getElementById("player");
    //if the video ended, play next.
   video.addEventListener("ended",play,false);
    //start
    play();
}

var play=()=>{
    //add the video src
    video.src=videos[counter];
    //play next video next time
    counter++;
    if(counter==videos.length){
         counter=0;
    }
};
</script>