我正在为客户开发一个网站，他们坚持使用 HTML5 的视频标签作为其某些视频内容的交付方式。我目前在http://videojs.com/ 的帮助下启动并运行它来处理 Internet Explorer Flash 回退。
他们让我做的一件事是，在视频播放完后（它们的长度都不同），将它们淡出，然后用一张图片代替视频——把它想象成一个海报框架该视频。
这甚至可能吗？您能否通过 Javascript 或其他方法获取当前正在播放的电影的时间码？我知道 Flowplayer ( http://flowplayer.org/demos/scripting/grow.html ) 有一个 onFinish 功能，这是我应该采用的路线来代替 HTML5 视频方法吗？IE 用户将获得 Flash 播放器这一事实是否需要两个单独的解决方案？
任何投入将不胜感激。我目前在网站上使用 jQuery，所以如果可能的话，我想将解决方案保留在该领域。谢谢！
例如：
$("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);
});
有一个与视频标签关联的 OnEnded 事件。但是，它在当前版本的 Google Chrome 中对我不起作用。
另见
对于通用解决方案（支持带回退的视频标签，请参阅）
http://camendesign.com/code/video_for_everybody 或 http://www.kaltura.org/project/HTML5_Video_Media_JavaScript_Library或http://www.mediafront.org/
我使用了这个代码。它基本上会重新加载视频，这将使海报再次显示。假设您希望最后的图像与海报相同。我在页面上只有一个视频，所以使用视频标签是有效的。我将视频设置为在页面加载时自动播放，因此我在重新加载后添加了暂停。
<script type="text/javascript">
var video= $('video')[0];
var videoJ= $('video');
videoJ.on('ended',function(){
video.load();
video.pause();
});
</script>