网站建设资讯

NEWS

网站建设资讯

html5video怎么实现实时监测当前播放时间

这篇文章给大家分享的是有关html5 video怎么实现实时监测当前播放时间的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。

公司主营业务:做网站、网站建设、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。成都创新互联是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。成都创新互联推出沿滩免费做网站回馈大家。

html:

js:

//监听播放时间
var video = document.getElementById('video');
//使用事件监听方式捕捉事件
video.addEventListener("timeupdate",function(){
    var timeDisplay;
	//用秒数来显示当前播放进度
	timeDisplay = Math.floor(video.currentTime);
	console.log(Math.floor(video.currentTime))
    //当视频播放到 4s的时候做处理
	if(timeDisplay == 4){
	        //处理代码
	}
},false);

感谢各位的阅读!关于html5 video怎么实现实时监测当前播放时间就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!


网页标题:html5video怎么实现实时监测当前播放时间
当前网址:http://cdweb.net/article/giisje.html