html5 video获取实时播放进度的方法

最新推荐文章于 2025-05-28 10:49:54 发布

转载最新推荐文章于 2025-05-28 10:49:54 发布 · 1.5w 阅读

文章标签：

#html5 #时间进度

js 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的视频播放进度监测方法。通过递归调用getvideoprogress()函数并利用setTimeout设置定时器，可以实时获取视频当前播放的时间点，并在达到特定时间时触发相应操作。

getvideoprogress();

 function getvideoprogress() {
        setTimeout(function () {
            var vid = document.getElementById("video1");
            var currentTime=vid.currentTime.toFixed(1);
            if(currentTime==1.2){
                //触发
                return false;
            }
            console.log(currentTime);
            getvideoprogress();
        }, 50);
    }