Html 为什么即使我';我告诉它不要?

Html 为什么即使我';我告诉它不要?,html,html5-video,Html,Html5 Video,我有以下HTML: <!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">

我有以下HTML:

<!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>

var video=document.getElementById('video1');
video.addEventListener(“结束”,函数(){
警报(“结束”);
});
video.play();
在chrome和firefox中,视频循环不断。将侦听器附加到
暂停
结束
事件显示这些事件实际上从未被触发


我需要知道视频何时结束(我需要它在结束时停止)。我做错了什么?

显然
loop='false'
仍然会导致循环,您必须完全删除loop属性以防止循环。如果视频设置为循环,则永远不会调用Ended。

也许您可以使用ontimeupdate和currentTime

我知道这就是连接Ended线程的方式,但是在我的示例中,该事件从未触发。您是否曾经有过视频实例在删除循环属性后仍继续循环?我想在我正在工作的网站上一定有一些恶意代码自动重启视频,因为清除循环对我来说不起作用。
    video.addEventListener("ended",function(){
        console.log("the video is end");
    },false);