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

Question

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

HTML5和JS可以实现吗？关于如何做的任何想法？

Answer 1

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

首页上的演示根据视频的时间代码显示了包含不断变化的HTML内容的div。

  

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

Answer 2

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