gpt4 book ai didi

HTML 5 视频 OnEnded 事件未触发

转载 作者:太空狗 更新时间:2023-10-29 14:41:59 24 4
gpt4 key购买 nike

我试图对 video 标签的 HTML 5 onended 事件使用react,但没有成功。在下面的代码片段中,我添加了 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>

最佳答案

确保您绑定(bind)到 ended事件而不是 onended , 总是离开 on out 当与 jQuery 绑定(bind)时,例如你不能做 .on("onclick") , 你会做 .on("click") .

如果有帮助,这里有一个可用事件的完整列表 <video>这里的元素:http://www.w3.org/2010/05/video/mediaevents.html

关于HTML 5 视频 OnEnded 事件未触发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2925851/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com