html5video怎么实现实时监测当前播放时间-创新互联-成都快上网建站

html5video怎么实现实时监测当前播放时间-创新互联

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

创新互联专注于企业全网营销推广、网站重做改版、赤壁网站定制设计、自适应品牌网站建设、H5场景定制商城网站定制开发、集团公司官网建设、成都外贸网站建设公司、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为赤壁等各大城市提供网站开发制作服务。

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://kswjz.com/article/doccch.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流