一尘不染

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

css

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

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

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

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

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

任何建议都很好。谢谢


阅读 391

收藏
2020-05-16

共1个答案

一尘不染

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

2020-05-16