javascript - 如何在 jQuery 选项卡中播放一个视频并停止其他视频？

Question

我有 4 个 Jquery 选项卡，每个选项卡中有 2 个视频。我如何同时播放一个视频并暂停所有其他视频？以及当我切换到新标签时如何让视频暂停？

这是代码Jsfiddle

/* play one video at a time */

$('video').bind('play', function() {
  activated = this;
  $('video').each(function() {
      if(this != activated) {
          this.pause();
      }
  });
});

/* get the active tab */
var active = $( "#issuestabs" ).tabs( "option", "active" ); 


/* pause all videos that are not in the active tab*/ 

if (!active) {
    $("video").each(function(){
        $(this).get(0).pause();
    });

}

谁能告诉我有什么问题？

谢谢！

Answer 1

你能用：

$('.tab').on('click', function() {
  $('.tabcontent:hidden').find('video').each(function() {
    $(this).get(0).pause();
  });
});

（.tabcontent隐藏/显示的内容面板的名称在哪里，我显示的单击功能只是一个示例，因为我不知道您将哪个库用于选项卡。）