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

HTML5, Video and Javascript: using video timeline to control page behavior

本文关键字：视频 控制 Javascript HTML5 时间      更新时间：2023-09-26

我有以下问题:我必须在页面内显示视频，但它需要与页面内容交替。每次视频停止播放时，我都要显示一个div之类的东西。几秒钟后，该div消失，视频重新开始播放。在正常内容和视频之间交替。

这是可能的HTML5和JS?有什么办法吗?

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

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

Popcorn.js是一个用JavaScript编写的HTML5媒体框架，适用于电影制作人、web开发人员和任何想要在web上创建基于时间的交互式媒体的人

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

相关文章：