javascript - 通过带有 jQ​​uery 的按钮跳到 HTML5 视频中的特定时间

Question

我试图在点击按钮时跳转到视频中的某个点。

所以我的按钮看起来像这样:

   <!-- Chapter 1 = Skip to 20s -->
  <button id="ch1">Chapter 1</button>
   <!-- Chapter 2 = Skip to 100s -->
  <button id="ch2">Chapter 2</button>

不确定要为 JS 做什么，但这是我目前所做的:

  var vid = $("#video")[0];
  $("#ch1").click(skipTime(100));

  function skipTime(time) {
     vid.play();
     vid.pause();
     vid.currentTime = time;
     vid.play();
  };

在尝试了很多不同的组合后不起作用，环顾四周，找不到任何有效的方法。所以我很困惑，感谢任何有关如何执行此操作的建议。

Answer 1

改变这一行:

$("#ch1").click(skipTime(100));

为此，(另外，您应该先声明 skipTime，然后才分配它):

$("#ch1").click(function(){
    skipTime(100);
});

当您使用 skipTime(100) 时，它会运行您的函数并返回一些值，如果 skipTime 没有返回任何值，则返回undefined...正因为如此，click-handler 没有在每次点击时都运行的函数。

当您用 function(){ ... } 包装它时，click 处理程序将在每次点击时运行该函数。

希望对您有所帮助。