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