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://www.zsjierui.cn/article/doccch.html