HTML 5视频OnEnded事件未触发

Question

HTML 5视频OnEnded事件未触发

我正在尝试对标记的HTML 5 onended事件做出反应video而没有成功.在下面的代码片段中,我添加了mouseleave事件以确保jQuery代码正确并且该事件确实激活了该alert()框.

视频播放得很好,但我没有收到onended活动(我alert()不开火).

在Chrome中进行测试,今天更新至5.0.375.55版.

<html>
<head>
<script src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script>
$(document).ready(function(){
  $("#myVideoTag").bind('mouseleave onended', function(){
        alert("All done, function!");
  });
});

</script>
</head>
<body>
<video id="myVideoTag" width="640" height="360" poster="Fractal-zoom-1-04-Snowflake.jpg" controls>
    <source src="Fractal-zoom-1-04-Snowflake.mp4" type="video/mp4"></source>
    <source src="Fractal-zoom-1-04-Snowflake.ogg" type="video/ogg"></source>
</video>

<body>
<html>

Run Code Online (Sandbox Code Playgroud)

Answer 1

Nic*_*ver 17

确保你绑定到ended事件而不是onended,on在与jQuery绑定时总是保持不变,例如,你不能这样做.on("onclick"),你会这样做.on("click").

如果有帮助,请在<video>此处列出元素的可用事件的完整列表:http://www.w3.org/2010/05/video/mediaevents.html

归档时间：	15 年，5 月前
查看次数：	32967 次
最近记录：	9 年，10 月前