js获取video的播放时长

最新推荐文章于 2024-06-11 15:13:58 发布

转载最新推荐文章于 2024-06-11 15:13:58 发布 · 3.7k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/chenlove/p/9284818.html

文章标签：

#前端 #javascript #ViewUI

本文介绍了一个使用JavaScript实现的简单方法来监控HTML5视频元素的播放进度，并通过递归调用自身来持续检查是否达到特定的时间点。

 1 setTimeout(function () {
 2               var vid = document.getElementById("videoIntro");
 3               var currentTime=vid.currentTime.toFixed(1);
 4               if(currentTime==1.2){
 5                   //触发
 6                   return false;
 7               }
 8               console.log(currentTime);
 9               getvideoprogress();
10           }, 1000);
11   function getvideoprogress() {
12     setTimeout(function () {
13               var vid = document.getElementById("videoIntro");
14               var currentTime=vid.currentTime.toFixed(1);
15               if(currentTime==1.2){
16                   //触发
17                   return false;
18               }
19               console.log(currentTime);
20               getvideoprogress();
21           }, 1000);
22   }