html5 video如何实现实时监测当前播放时间（代码）

时间2024-01-23 15:01:46发布访客分类HTML浏览716

导读：收集整理的这篇文章主要介绍了html5 video如何实现实时监测当前播放时间（代码），觉得挺不错的，现在分享给大家，也给大家做个参考。这篇文章给大家介绍的内容是关于htML5 video如何实现实时监测当前播放时间（代码），有一定的参考价...

收集整理的这篇文章主要介绍了html5 video如何实现实时监测当前播放时间（代码），觉得挺不错的，现在分享给大家，也给大家做个参考。这篇文章给大家介绍的内容是关于htML5 video如何实现实时监测当前播放时间（代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

html:

video id="video" controls auto@R_360_2266@="autoplay" muted>
    	source src="" tyPE="video/mp4" />
    	Your browser does not support the video tag./video>

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);