Question

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

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

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

不确定JS的todo是什么，但这是我到目前为止所做的：

  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没有返回任何内容，则会运行您的函数并返回一些值或未定义 ...因此，{{1} } -handler没有在每次点击时运行的功能。

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

希望它有所帮助。

通过带有jQuery的按钮跳过HTML5视频中的特定时间

1 个答案: