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是隐藏/显示的内容面板的名称，我显示的点击功能只是一个示例，因为我不知道您使用哪个库作为标签。）

如何在jQuery选项卡中播放一个视频并阻止其他人？

1 个答案: