HTML5视频 - 当前时间等于某个值时检测到

时间:2014-03-18 13:49:40

标签: javascript angularjs video html5-video single-page-application

我正在尝试检测html视频的当前时间何时等于特定值,但我认为我的方法是错误的。

JS加载视频源(工作正常)

document.querySelector("#videoBox > source").src =  $scope.videoUrl;
var video = document.getElementById("videoBox");

JS检测当前时间

if (video.currentTime == 0.2){
    alert("Time reached!");
   }

如果我检查currentTime == 0,则在视频开始之前检测到它是正确的,但是在其他持续时间内它不起作用。 非常感谢任何帮助。

1 个答案:

答案 0 :(得分:3)

加载文档时,会检查一次if语句,而不是再次检查。因此,如果您检查video.currentTime == 0是否属实,但video.currentTime == 0.2为假,请尝试以下操作:

var interval = setInterval(checkTime, 100);
function checkTime(){
if(Math.floor(video.currentTime) == 2){
  alert("Time reached!");
  clearInterval(interval);
}
}

通过这种方式,您将检查每100毫秒的时间,如果时间是0.2,则间隔是停止的