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

时间:2017-07-17 19:44:59

标签: javascript html5 video

之前可能会问这个问题。我有一系列视频。我希望在结束播放列表时将其循环播放。

我的代码工作正常,它逐个循环播放所有视频并播放,但问题是它播放完最后一个视频后停止播放。我想从第一个视频重新开始。 我将不胜感激。

这是代码

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

2 个答案:

答案 0 :(得分:0)

if语句更改为while,然后当curVideo到达结尾时,将curVideo设置为0.这应该会创建一个无限循环。

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

答案 1 :(得分:0)

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

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