javascript - 使用 HTML5 的多个线性视频

Question

我设法在上一个剪辑之后播放了一个剪辑，但是如何在第二个剪辑结束后添加更多？是否可以将视频列表分配给数组并创建“if”语句？连续播放 2 个以上视频的最佳方式是什么？ 非常感谢。

var myVideo = _V_("vid1");


function onComplete1(){

    var video2 = document.getElementsByTagName('video')[0];
    var videoPlaying = video2.currentSrc;
    var ext = videoPlaying.substr(videoPlaying.lastIndexOf("."));

    video2.src = '2'+ext;

    myVideo.load();
    myVideo.play();

Answer 1

没有视频供我测试，但你可以考虑这个:

(function(){
  var seq=["1.ogg","2.ogg"/* more */];
  var pos=0;
  var video=document.getElementsByTagName("video")[0];
  function onComplete() {
    if(pos>=seq.length) pos=-1; //if you want to loop
    if(pos>=seq.length) return; //if you don't want to loop
    video.src=seq[++pos];
    video.load();
    video.play();
  }
  video.onended=onComplete;
  video.src=seq[pos];
  video.load();
  video.play();
})();