javascript - 检测 iPhone 结束事件

Question

基本上，我需要能够识别视频何时结束并根据该结束事件采取行动。我已经在洋葱网站上看到了它的完成(http://www.theonion.com/video/nike-releases-new-olympic-track-suits-Design-to,28621/?ref=auto)。我查看了页面上的 JS 代码，似乎找不到识别广告结尾的代码。

大家有什么想法吗？

Answer 1

您可以使用媒体属性onending来确定视频是否已到达结尾并在之后执行某些操作:

<video […] id="video" onended="doSomeFancyStuff();"> … </video>

或者使用 jQuery，这应该可以工作:

$('#video').bind('ended', function() {
    // do some fancy stuff
});

我没有测试两者，所以这里不能保证。 :)

编辑

我创建了两个 fiddle 来测试它们，它们都在装有 iOS 5.1 的 iPhone 上运行良好。

这里是仅将事件处理程序作为属性附加的链接:

http://jsfiddle.net/insertusernamehere/X3Lat/

这是用 jQuery 处理事件的:

http://jsfiddle.net/insertusernamehere/RjGAR/