動態獲取HTML5視頻文件

Question

我有一個HTML5視頻播放器，我想讓它表現爲視頻播放列表。主要的問題是它獲取的視頻是一個名爲'video.ogg'的文件，但它總是每1-2秒覆蓋一次，並且其持續時間小於1秒。我能有這樣的事情，

VIDEO_1 video_2 video_3 ... ..

，但我認爲只有一個文件，保持潔淨的東西和不使用了大量的空間。

從JS側

現在，我得到這樣的：

function play_live_video_test(){ 
    console.log('Started!!'); 
    var i=1; 
    setInterval(function() { 
     console.log(' ->Fetching!!'); 
     video=fetch_video(); 
     console.log(' ->Updating Source!!'); 
     video.src="../../video.ogg"; 
     console.log(' ->Loading!!'); 
     video.load(); 
     console.log(' ->Playing!!'); 
     video.play(); 
     i++; 
     console.log("Value of i: "+i); 
    }, 1000); 

    console.log('Ended!!!'); 
}; 

function fetch_video(){ 
    var video=document.getElementById('video'); 
    return video; 
}; 

所以每1000毫秒我「更新」的視頻標籤的來源，並播放視頻，但它似乎不工作！

任何想法如何解決這一問題？或者使用HTML5視頻實現視頻播放列表？

Answer 1

當您在視頻上獲取ended event時，請更新來源，而不是經過特定的時間。