爲什麼我的HTML5視頻循環（並且從不觸發結束事件）即使我不告訴它？

我有以下HTML：爲什麼我的HTML5視頻循環（並且從不觸發結束事件）即使我不告訴它？

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title></title> 
</head> 
<body> 
    <video id="video1" preload="metadata" width="1024" height="576" loop="false"> 
     <source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4"> 
    </video> 

    <script> 
     var video = document.getElementById('video1'); 
     video.addEventListener("ended", function() { 
      alert('Ended'); 
     }); 

     video.play(); 
    </script> 
</body> 
</html>

在Chrome和Firefox的視頻無休止的循環。將傾聽者附加到pause或ended事件顯示這些事件實際上並未被解僱。

我需要知道什麼時候視頻結束了（我需要它停止結束）。我究竟做錯了什麼？

來源

2013-09-28 KallDrexx

video.addEventListener("ended",function(){ 
     console.log("the video is end"); 
    },false);

來源

2013-09-28 03:11:25 popotang

我知道這是你如何附加端線，但該事件從未在我的例子中閃光。 – KallDrexx

顯然loop='false'仍然導致它循環，你必須完全刪除循環屬性，以防止循環。如果視頻設置爲循環，則永遠不會被調用。

來源

2013-09-28 03:18:58 KallDrexx

即使在刪除循環屬性後，您是否曾經有過視頻實例繼續循環播放？我認爲在我正在處理的網站上某處存在一些流氓代碼，這是自動重新啓動視頻的原因，因爲擺脫循環對我無效。 – RaisinBranCrunch

也許你可以使用ontimeupdate和currentTime的

來源

2013-09-28 03:37:17 popotang

爲什麼我的HTML5視頻循環（並且從不觸發結束事件）即使我不告訴它？

回答

相關問題