js控制video的播放和暂停

最新推荐文章于 2025-05-27 15:30:06 发布

xlb_123

最新推荐文章于 2025-05-27 15:30:06 发布

阅读量1.2w

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端开发 js相关文章标签： js video 播放暂停视频

本文链接：https://blog.youkuaiyun.com/qq736150416/article/details/51799236

web前端开发同时被 2 个专栏收录

153 篇文章

订阅专栏

js相关

89 篇文章

订阅专栏

本文介绍了一种使用JavaScript控制视频播放的方法，包括如何监听视频播放状态并在特定时间点或播放结束时执行相应操作。

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

var videoEl = document.querySelector('video')
             videoEl.addEventListener('play', function () {
                 var vTime = videoEl.currentTime
                 if (vTime > 12) { //视频播放到12秒需要执行操作

                     videoEl.currentTime = 0
                 }
              if (vTime == total_vtime) {
                          //视频播放完需要执行操作

}

             })
             videoEl.addEventListener('timeupdate', function () {
                 var vTime = videoEl.currentTime;
                 var total_vtime = videoEl.duration;
                 if (vTime ==total_vtime) {
                    //视频播放完需要执行操作
                     //videoEl.currentTime = 0
                     //videoEl.pause()//播放暂停
                 }
             })