通过带有 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-handler 将在每次点击时运行该函数。

希望对你有帮助。