html5視頻播放器播放列表循環

以前可能會詢問這個問題。我有一系列視頻。我想在播放列表結束時循環播放列表。html5視頻播放器播放列表循環

我的代碼工作正常，它通過所有的視頻一個接一個循環播放，但問題是當它停止播放最後一個視頻時。我想從第一個視頻重新開始。我會感謝任何幫助。

下面是代碼

var videoList = [..] 

var curVideo = 0; 
var videoPlayer = document.getElementById('videoPlayer'); 
videoPlayer.onended = function(){ 
     curVideo++; 
    if(curVideo < videoList.length){    
     videoPlayer.src = videoList[curVideo];   
    } else if (curVideo == videoList.length){ 
     console.log("list is finished");   
    } 
}

來源

2017-07-17 Rana Hussain

您if聲明更改爲while，然後當curVideo到達終點，設置curVideo回0。這應該創建一個無限循環。

您當然需要將您的else if更改爲if以檢查它是否在最後。

來源

2017-07-17 19:52:42 Difster

感謝您的快速回復。我試過了，但它不起作用。瀏覽器因無限循環而崩潰。我不知道我在做什麼錯。 –

可以請你做一個jsfiddle的例子。 –

它適合我。我想到了。這是代碼，也許有人可以從中受益。

var videoList = [..] 
var curVideo = 0; 
var videoPlayer = document.getElementById('videoPlayer'); 
videoPlayer.onended = function(){ 
    curVideo++; 

    if(curVideo < videoList.length){    
     videoPlayer.src = videoList[curVideo]; 
     // return;  
    } 
    if (curVideo == videoList.length){ 
     curVideo=0; 
     videoPlayer.src = videoList[curVideo];  
    } 
}

來源

2017-07-18 18:10:25

html5視頻播放器播放列表循環

回答

相關問題