我试图对video
标记的HTML 5 onended
事件做出反应,但没有成功。在下面的代码片段中,我添加了mouseleave事件以确保jQuery代码正确,并且该事件确实激活了alert()
框。HTML 5视频已停播不支持的事件
视频播放还不错,但我没有收到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>
另外请记住,事件不会在ie9 mobile for Windows Phone Mobile上被解雇。 – Timo 2012-05-03 12:26:50
两年后,它仍然是草稿规范草稿编辑草案2012年6月26日 – 2012-07-05 01:18:18
使3年后:编辑草案2013年7月30日 – 2013-07-30 10:55:06