HTML 5视频OnEnded事件未触发 [英] HTML 5 Video OnEnded Event not Firing
问题描述
我试图针对视频标记的HTML 5 onended 事件做出反应，但没有成功。在下面的代码片段中，我添加了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 =myVideoTagwidth =640height =360poster =Fractal-zoom-1-04-Snowflake.jpgcontrols>
< source src =Fractal-zoom-1-04-Snowflake.mp4type =video / mp4>< / source>
< source src =Fractal-zoom-1-04-Snowflake.oggtype =video / ogg>< / source>
< / video>
< body>
< html>
确保您绑定到结束事件，而不是 onended ，绑定时始终将保留为 jQuery，例如你不能做 .on（onclick），你会做 .on（click）
如果有帮助，可以查看< video> element here： http://www.w3.org/2010/05/video /mediaevents.html
I'm trying to react to the HTML 5 onended event for the video tag without success. In the code snippet below I added the mouseleave event to be sure the jQuery code is correct and that event does activate the alert() box.
The video plays just fine but I am not receiving the onended event (my alert() does not fire).
Testing in Chrome, updated today to version 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>
Make sure you're binding to the ended event instead of onended, always leave the on out when binding with jQuery, for example you couldn't do .on("onclick"), you'd do .on("click").
If it helps, there's a full listing of available events for the <video> element here: http://www.w3.org/2010/05/video/mediaevents.html
这篇关于HTML 5视频OnEnded事件未触发的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
