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

Question

可能会问这个问题。 我有很多视频。 结束时我想循环播放的列表。

我的代码运行良好，并且可以循环播放所有视频，然后播放，但问题是在停止播放最后一个视频时。 我想从第一个视频重新开始。 我将不胜感激。

这是代码

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

Answer 1

将if语句更改为while ，然后在curVideo到达末尾时，将curVideo设置回0。这将创建一个无限循环。

当然，您需要将else if更改为if以检查它是否在末尾。

Answer 2

这个对我有用。 我想到了。 这是代码，也许有人可以从中受益。

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];       
    }
}