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

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

2 个答案: