无法循环播放视频和播放（使用已开启的活动）

Question

我在获取视频时遇到问题，我必须使用onended event循环浏览各种电影文件。

我有一个javascript数组视频路径，例如：

var videos=["test.mp4","newtest.mp4","finaltest.mp4"]

我有一个如下所示的功能：

var vidcnt=0;

function runvideo()
{
    var path = videos[vidcnt];
    //alert(path);
    video=document.getElementById("splashvideo");
    vp = document.getElementById("ss");
    vp.setAttribute("src",path);
    video.play();
    vidcnt++;
}

最后这是我的HTML：

<video id="splashvideo" controls="controls" autoplay="autoplay" onended="runvideo();">
  <source id="ss" src="somefile.mp4" type="video/mp4"/>
</video>

它似乎只是循环播放同一个视频，从不使用视频阵列中的新视频

Answer 1

在src元素上使用video，在.load()事件调用runvideo

上canplay内拨打.play()

<video id="splashvideo" 
       controls="controls" 
       autoplay="autoplay" 
       onended="runvideo(this);" 
       oncanplay="this.play()" 
       src="somefile.mp4" 
       type="video/mp4">
</video>

var vidcnt = 0;

function runvideo(video) {
    var path = videos[vidcnt];
    video.setAttribute("src", path);
    video.load();
    vidcnt++;
}