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

Skip to certain time in HTML5 video via a button with jQuery

本文关键字：HTML5 视频 定时间 按钮 jQuery      更新时间：2023-09-26

当单击按钮时，我正在尝试跳转到视频中的某个点。

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

   <!-- 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处理程序没有在每次点击时运行的功能。

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

希望对您有所帮助。

相关文章：