Question

我有这个JS代码：

video_count =1;
videoPlayer = document.getElementById("homevideo");

function run(){
    video_count++;
    if (video_count == 4) video_count = 1;
    var nextVideo = "app/video"+video_count+".mp4";
    videoPlayer.src = nextVideo;
    videoPlayer.play();
};

我有两个想要一个接一个播放的视频。视频播放正常 - 第一个播放完毕后播放第二个视频，但此代码循环播放第二个视频，而不是再播放第一个视频，然后播放第二个视频等。

你能帮忙吗？

提前致谢， Yaniv

Answer 1

使用ended事件再次触发run功能。

video_count =1;
videoPlayer = document.getElementById("homevideo");
function run(){
  if (video_count == 4) video_count = 1;
  var nextVideo = "app/video"+video_count+".mp4";
  videoPlayer.src = nextVideo;
  videoPlayer.play();
  video_count++;
};
videoPlayer.addEventListener('ended', run);

Answer 2

video_count =1;
videoPlayer =     document.getElementById("homevideo");

function run(){
    if (video_count > 2) video_count = 1;
    var nextVideo = "app/video"+video_count+".mp4";
    videoPlayer.src = nextVideo;
    videoPlayer.play();
    video_count++;
};

将解决问题在定义视频文件名之前增加变量，所以从两个开始...... 条件也需要改变，因为我们希望在我们显示第二个视频之后将视频数量设置为1

循环播放HTML5中的视频

2 个答案: