html5 video 实时监测当前播放时间

来源:csdn博客分类: 文章浏览史发布时间:2021-12-05 11:16:16 最后更新:2021-12-05 浏览:404

转载声明：

本文为摘录自“csdn博客”，版权归原作者所有。

原文链接:

https://blog.csdn.net/qq_39292868/article/details/81391...

温馨提示：

为了更好的体验，请点击原文链接进行浏览

摘录时间：

2021-12-05 11:16:16

html:

<video id="video" controls autoplay="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);