在特定时间到达视频播放器时滚动

Question

我正在开发一个页面,我必须用相关的pdf显示视频.我已经使用pdf.js和video.js项目分别阅读pdf和视频.它们都在不同的div中实现.这是我的网页截图的链接在这里.我需要实现哪些检查视频当前时间的函数,改变按照以下时间PDF格的位置是我实现的代码,但它不工作

//function to perform on every timeupdate
var myFunc =function(){
    var myPlayer = this;
    var whereYouAt = myPlayer.currentTime();
//working of function
switch(whereYouAt)
{
    case 30: bookmarkscroll('pageContainer2');
         break;
    case 60: bookmarkscroll('pageContainer3');
         break;
    case 90: bookmarkscroll('pageContainer4');
         break;
    case 120: bookmarkscroll('pageContainer5');
          break;
    case 150: bookmarkscroll('pageContainer6');
          break;
    case 180: bookmarkscroll('pageContainer7');
          break;

}

};
myPlayer.addEvent("timeupdate",myFunc);

Answer 1

由于timeupdate事件不关心漂亮的十进制数,并且可能在任何给定时间触发,甚至可能在不同的时间间隔触发,具体取决于您的浏览器(因此返回类似的东西12.56661),您应该更改您对值的处理currentTime(这也是属性而不是一个方法 - 因此没有()- 看到这个doc)返回.

这样的事情应该有效:

//select video player only once
var myPlayer = document.getElementById('videoPlayer');

//function to perform on every timeupdate
var myFunc =function(){

var whereYouAt = myPlayer.currentTime; 

if (whereYouAt > 30 && whereYouAt <= 60){
   bookmarkscroll('pageContainer2');
} else if (whereYouAt > 60 && whereYouAt <= 90){
   bookmarkscroll('pageContainer3');
} else if .... //and so on

}

myPlayer.addEventListener('timeupdate',myFunc,false);

另一件需要注意的事情是,调用事件监听器的方法是addEventListener不是addEvent