通过带有 jQuery 的按钮跳到 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) 时，它运行是你的函数和 return 一些值或 undefined 如果没有 return从 skipTime...编辑，因此，click-处理程序在每次点击时都没有运行的功能。

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

希望对您有所帮助。

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

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

html

javascript

jquery

button

html5-video