HTML5視頻循環src更改結束播放功能無法正常工作

Question

我在同一個HTML5視頻播放器中逐個播放了許多視頻

HTML

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

JS

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

如果我在播放之前發出警報，它就會起作用。 但沒有警報就沒有了。 初始化第二個視頻播放：

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

Answer 1

html5視頻元素有一個自己的eventtype，你不需要自己的eventlistener。

HTML：

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

PS：請記住，僅為您的視頻提供一種格式是不夠的，因為所有主流瀏覽器都不支持單一格式。

編輯：

鏈接
資料來源：w3schools

在媒體活動
由視頻，圖像和音頻等媒體觸發的事件（適用於所有HTML元素，但在媒體元素中最常見，如<audio> ， <embed> ， <img> ， <object>和<video> ）：

onended：當媒體到達終點時運行的腳本（對於“感謝收聽”等消息的有用事件）