jquery - 使用 JQuery 播放/暂停 HTML 5 视频

Question

我正在尝试使用 JQuery 控制 HTML5 视频。我在选项卡式界面中有两个剪辑，总共有六个选项卡，其他只有图像。我试图让视频剪辑在单击其选项卡时播放，然后在单击其他任何一个时停止。

这一定是一件简单的事情，但我似乎无法让它工作，我用来播放视频的代码是:

$('#playMovie1').click(function(){
  $('#movie1').play();
      });

我读到视频元素需要在函数中公开才能控制它，但找不到示例。我可以使用 JS 使其工作:

document.getElementById('movie1').play();

任何建议都会很棒。谢谢

Answer 1

您的解决方案在这里显示了问题——play 不是 jQuery 函数，而是 DOM 元素的函数。因此，您需要在 DOM 元素上调用它。您将举例说明如何使用 native DOM 函数执行此操作。 jQuery 等价物——如果你想这样做以适应现有的 jQuery 选择——将是 $('#videoId').get(0).play()。 (get 从 jQuery 选择中获取 native DOM 元素。)