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

Question

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

HTML5和JS有可能吗？ 关于如何做的任何想法？

Answer 1

考虑实现Popcorn.js 。 这是Mozilla Popcorn项目的一部分。

首页上的演示显示了一个div，其中包含不断变化的HTML内容，具体取决于视频的时间代码。

Popcorn.js是一个用JavaScript编写的HTML5媒体框架，适用于电影制片人，网络开发人员以及所有想要在网络上创建基于时间的交互式媒体的人

Answer 2

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