HTML5 <video>回调？

Question

我正在为客户开发网站,他们坚持使用HTML5的视频标签作为其部分视频内容的传送方式.我目前已经在http://videojs.com/的一些帮助下运行并运行以处理Internet Explorer Flash后备.

他们要求我做的一件事是,在视频完成播放后(它们的长度各不相同),将它们淡出然后淡出图片代替视频 - 将其想象成后面的海报帧该视频.

这甚至可能吗？你能通过Javascript或其他方法获得当前正在播放的电影的时间码吗？我知道Flowplayer(http://flowplayer.org/demos/scripting/grow.html)有一个onFinish函数,我应该采取的路线代替HTML5视频方法吗？IE用户获得Flash播放器的事实是否需要两个独立的解决方案？

任何投入将不胜感激.我目前正在网站上使用jQuery,所以我想尽可能地将解决方案保留在该领域.谢谢!

Answer 1

您可以在此处查看规范中的完整事件列表.

例如:

$("video").bind("ended", function() {
   alert("I'm done!");
});

您可以像jQuery中的任何其他内容一样绑定元素上的事件...至于您的评论问题,您为IE提供的任何元素,是的,它需要一个单独的处理程序,它可以操作它提供的任何事件.

对于有关时间码的其他问题,timeupdate事件在播放durationchange时发生,并且事件在整体持续时间发生变化时发生.您可以绑定并使用它们,就像我在ended上面的事件中显示的一样.随着timeupdate你可能会想的currentTime财产,有durationchange你想要的duration属性,它的每一个你直接关闭DOM对象,就像这样:

$("video").bind("durationchange", function() {
   alert("Current duration is: " + this.duration);
});