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

Question

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

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

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

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

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

任何建议都很好。谢谢

Answer 1

您的解决方案在这里显示了问题-
play不是jQuery函数，而是DOM元素的函数。因此，您需要在DOM元素上调用它。您将举例说明如何使用本机DOM函数执行此操作。相当于jQuery的-
如果您想做到与现有的jQuery选择相适应-
将会是$('#videoId').get(0).play()。（get从jQuery选择中获取本机DOM元素。）