Javascript 在HTML5中循环播放视频

我有这个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

使用

结束

事件再次触发

运行

功能

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

这将解决问题 在定义视频文件名之前增加变量，因此从两个开始。。。

---

该条件也需要更改，因为只有在显示第二个视频后，我们才希望将videocount设置为1

尝试

video\u count++

下的

.play（）

对不起，它不起作用，恐怕它仍然不起作用。也许问题出在var nextVideo上？当我声明路径时（例如“”），然后+video_count+“.mp4”；-第二个视频根本没有播放——我用的是黑屏。第二个视频仅在声明var nextVideo=“”…这不是@YanivNoodelman试图实现的目标时播放。他试图创建一个播放列表循环，其中

n

th视频后跟

n+1

th。亲爱的@Oleander，如果浏览器不支持定义为默认类型的类型，您可以建议如何构建JS代码来播放另一种类型的相同视频吗？e、 如果不支持.mp4，请使用.webm类型播放相同的vidwo。

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