当前位置:Gxlcms > html代码 > 有关HTML5Video对象的ontimeupdate事件(Chrome上无效)的问题_html5教程技巧

有关HTML5Video对象的ontimeupdate事件(Chrome上无效)的问题_html5教程技巧

时间:2021-07-01 10:21:17 帮助过:25人阅读

日期在做一个视频播放的页面,其中用到了HTML5的Video对象,这个是HTML5中新增的一个对象,支持多种不同格式的视频在线播放,功能比较强大,而且还扩展了许多事件,可以通过JavaScript脚本来对视频播放进行控制。参考下面两个链接:
http://msdn.microsoft.com/en-us/library/windows/apps/hh465962.aspx
http://www.w3school.com.cn/html5/tag_video.asp

Video对象可以通过ontimeupdate事件来报告当前的播放进度,同时通过该事件还可以根据视频播放的情况来控制页面上的其它元素,例如随着视频播放的进度来切换章节、显示额外信息等。下面是一个例子:

代码如下: