javascript - 通过jQuery按钮跳到HTML5视频中的特定时间

我正试图跳到视频中的一个点时，一个按钮被点击。
我的纽扣是这样的：

   <!-- 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();
  };

在尝试了一堆不同的组合后不起作用，四处看看，找不到任何有效的东西。所以我很困惑，任何关于如何做到这一点的建议都是值得赞赏的。

最佳答案

更改此行：

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

对此，（另外，您应该先声明skipTime，然后才分配它）：

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

当您使用skipTime(100)时，它运行您的函数并返回一些值或未定义的值（如果skipTime未返回任何值）。。。因此，click-handler没有在每次单击时运行的函数。
当您用function(){ ... }包装它时，click处理程序将在每次单击时运行该函数。
希望有帮助。