html5 video如何实现实时监测当前播放时间（代码）-木庄网络博客

2022-03-04 16:06:22 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者不言，侵删。

这篇文章给大家介绍的内容是关于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);