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

最新推荐文章于 2025-06-18 19:16:25 发布

原创最新推荐文章于 2025-06-18 19:16:25 发布 · 1.8w 阅读

6 ·

CC 4.0 BY-SA版权

本文介绍了一种使用JavaScript实现的视频播放进度获取方法。通过设置定时器不断检查视频当前播放的时间点，并在达到特定时间时触发相应操作。该方法适用于需要监控视频播放状态的应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

查看原文：http://newmiracle.cn/?p=609