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

莫·胡斯

我有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();
    });

}

谁能告诉我这是怎么回事?

谢谢!

simey.me

您可以使用:

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

.tabcontent隐藏/显示的内容面板的名称在哪里,我显示的单击功能只是一个示例,因为我不知道您要使用哪个库来制作标签。)

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在QML中播放视频?

来自分类Dev

如何阻止JWPlayer自动播放播放列表中的下一个视频?

来自分类Dev

如何使用YouTube js API在同一个嵌入式播放器中播放多个视频?

来自分类Dev

如何在两个videoview中并行播放一个视频文件?

来自分类Dev

如何在iOS中播放视频PHAsset?

来自分类Dev

打开一个选项卡时如何删除其他选项卡

来自分类Dev

目前如何在Pygame中播放视频?

来自分类Dev

通过单击播放图像(Jquery)播放父div的最后一个视频后发生错误

来自分类Dev

如何在Flutter中播放视频列表?

来自分类Dev

用户播放其他视频时停止当前视频播放吗?

来自分类Dev

从其他网页上的链接中,在“ JQUERY”选项卡中选择一个锚点

来自分类Dev

jQuery选项卡,从另一个选项卡保存时如何指示其他选项卡中的验证错误

来自分类Dev

PagerSlidingTabStrip:如何在运行时刷新当前选项卡中的内部片段Listview并停止为下一个选项卡加载数据

来自分类Dev

如何在Phonegap Android应用中播放嵌入在其他网站上的视频

来自分类Dev

jQuery滚动播放下一个视频

来自分类Dev

如果没有其他视频播放,则播放视频

来自分类Dev

强制Facebook在“背景”选项卡中播放视频

来自分类Dev

如何在YouTube中播放私人视频?

来自分类Dev

如何阻止JWPlayer自动播放播放列表中的下一个视频?

来自分类Dev

如何在jQuery Ul选项卡中设置最后一个选项卡默认值?

来自分类Dev

停止在后台播放的其他视频播放新视频

来自分类Dev

如何在iOS中隐藏视频停止播放按钮?

来自分类Dev

如何在jQuery中播放视频并暂停播放?

来自分类Dev

如何在angularjs中停止视频自动播放

来自分类Dev

如何在另一个活动中使用视频视图播放录制的视频

来自分类Dev

如何让视频暂停、播放另一个视频并恢复到原始视频

来自分类Dev

退出选项卡后停止播放 youtube 视频

来自分类Dev

Swift Mac OS - 如何在单击按钮时使用 AVPlayer 播放另一个视频/更改视频的 URL?

来自分类Dev

如何在 HTML 中播放其他视频

Related 相关文章

  1. 1

    如何在QML中播放视频?

  2. 2

    如何阻止JWPlayer自动播放播放列表中的下一个视频?

  3. 3

    如何使用YouTube js API在同一个嵌入式播放器中播放多个视频?

  4. 4

    如何在两个videoview中并行播放一个视频文件?

  5. 5

    如何在iOS中播放视频PHAsset?

  6. 6

    打开一个选项卡时如何删除其他选项卡

  7. 7

    目前如何在Pygame中播放视频?

  8. 8

    通过单击播放图像(Jquery)播放父div的最后一个视频后发生错误

  9. 9

    如何在Flutter中播放视频列表?

  10. 10

    用户播放其他视频时停止当前视频播放吗?

  11. 11

    从其他网页上的链接中,在“ JQUERY”选项卡中选择一个锚点

  12. 12

    jQuery选项卡,从另一个选项卡保存时如何指示其他选项卡中的验证错误

  13. 13

    PagerSlidingTabStrip:如何在运行时刷新当前选项卡中的内部片段Listview并停止为下一个选项卡加载数据

  14. 14

    如何在Phonegap Android应用中播放嵌入在其他网站上的视频

  15. 15

    jQuery滚动播放下一个视频

  16. 16

    如果没有其他视频播放,则播放视频

  17. 17

    强制Facebook在“背景”选项卡中播放视频

  18. 18

    如何在YouTube中播放私人视频?

  19. 19

    如何阻止JWPlayer自动播放播放列表中的下一个视频?

  20. 20

    如何在jQuery Ul选项卡中设置最后一个选项卡默认值?

  21. 21

    停止在后台播放的其他视频播放新视频

  22. 22

    如何在iOS中隐藏视频停止播放按钮?

  23. 23

    如何在jQuery中播放视频并暂停播放?

  24. 24

    如何在angularjs中停止视频自动播放

  25. 25

    如何在另一个活动中使用视频视图播放录制的视频

  26. 26

    如何让视频暂停、播放另一个视频并恢复到原始视频

  27. 27

    退出选项卡后停止播放 youtube 视频

  28. 28

    Swift Mac OS - 如何在单击按钮时使用 AVPlayer 播放另一个视频/更改视频的 URL?

  29. 29

    如何在 HTML 中播放其他视频

热门标签

归档