如何使用 jQuery 跨多个选项卡控制 HTML5 视频播放？

使用 jQuery 控制 HTML5 视频播放

本文提供有关使用 jQuery 管理 HTML5 视频播放的指南。让我们深入研究当前问题的解决方案：在六个选项卡界面的单独选项卡中控制两个视频剪辑。每个视频应在单击其选项卡时开始播放，并在激活另一个选项卡时暂停。

控制视频播放的原始尝试是：

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

但是，请务必注意播放不是 jQuery 函数。相反，它是 DOM 元素的一个方法。要使用 jQuery 调用它，您需要定位元素本身：

$('#videoId').get(0).play();

这里，get 从 jQuery 选择中检索本机 DOM 元素。

因此，您的代码应如下所示:

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

通过采用这种方法，每个视频剪辑将在选择其选项卡时开始播放，并在选择另一个选项卡时停止播放点击。

以上是如何使用 jQuery 跨多个选项卡控制 HTML5 视频播放？的详细内容。更多信息请关注PHP中文网其他相关文章！