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

这篇文章给大家介绍的内容是关于html5 video如何实现实时监测当前播放时间（代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

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

相关文章推荐：

html5中audio（音频）的分析

html5中video（视频）元素的分析