HTML5，视频和Javascript：使用视频时间轴来控制页面行为

Question

我遇到以下问题：我必须在页面内显示视频，但需要与页面内容交替。每当视频停止播放时，我必须显示div或其他内容。几秒钟后，该div消失，视频又开始播放。在正常内容和视频之间交替。

这可能与HTML5和JS？任何想法如何做到这一点？

Answer 1

在视频停止时绑定事件（addEventListener("ended", function(){ ... }, false)）以显示div，启动一个定时器，之后div隐藏并且视频开始再次播放。

Answer 2

考虑实施Popcorn.js。这是Mozilla的爆米花项目的一部分。

首页上的演示显示了一个根据视频的时间码更改HTML内容的div。

Popcorn.js是HTML5媒体框架用JavaScript编写的电影制片人，网络开发人员和谁想要在网络上创建基于时间的互动媒体