Javascript HTML5视频循环src更改结束播放功能不工作

我有很多视频在同一个HTML5视频播放器中一个接一个播放

HTML

<video id="homevideo" width="100%" autoplay autobuffer>
    <source src="app/video1.mp4" type='video/mp4' />
</video>

如果我在玩之前发出警告，它就起作用了。但如果没有警报，情况就不是这样了。初始化第二个视频播放：

videoPlayer.src = nextVideo;
alert("a");
videoPlayer.play();

---

html5视频元素有一个自己的eventtype，您不需要自己的eventlistener

Html:

PS：请记住，仅为您的视频提供一种格式是不够的，因为所有主流浏览器都不支持单一格式

编辑：

资料来源：W3学校

在媒体活动中
由视频、图像和音频等媒体触发的事件（适用于所有HTML元素，但在媒体元素中最常见，如

、

、

、

和

）：

统一的：

---

媒体结束时要运行的脚本（对于“感谢收听”之类的消息来说，这是一个有用的事件）

HTML5视频中是否有“已编辑”自己的事件类型的参考链接？.addEventListener（“已结束”），…正在工作…但对于下一个视频播放，它不会启动…如果我发出警报，它将正确启动播放我的代码，甚至您自己的代码在此处也可以正常工作。请确保您的脚本位于

元素之后，这是我能想到它不适用于您的唯一原因。

videoPlayer.src = nextVideo;
alert("a");
videoPlayer.play();

<video id="homevideo" width="100%" autoplay onended="run()">
    <source src="app/video1.mp4" type='video/mp4'/>
</video>

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