使用HTML5的多個線性視頻

Question

我設法在上一個剪輯之后播放了一個剪輯，但是如何在第二個剪輯結束后添加更多內容呢？ 是否可以將視頻列表分配給數組並創建“ if”語句？ 依次播放兩個以上視頻的最佳方法是什么？ 非常感謝。

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();
})();