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

答

您if声明更改为while，然后当curVideo到达终点，设置curVideo回0。这应该创建一个无限循环。

您当然需要将您的else if更改为if以检查它是否在最后。

感谢您的快速回复。我试过了，但它不起作用。浏览器因无限循环而崩溃。我不知道我在做什么错。 –

可以请你做一个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];  
    } 
}

html5视频播放器播放列表循环

相关推荐