Bootstrap 如何在切换标签页时阻止Youtube嵌入在后台播放

3zwtqj6y 于 2022-12-07 发布在 Bootstrap

关注(0)|答案(1)|浏览(145)

我有3个标签页，每个标签页都嵌入了Youtube。当我在任何标签页播放视频，然后切换/点击到其他标签页时，视频不会停止在后台播放。基本上，我希望视频在切换标签页时停止。
参见https://getbootstrap.com/docs/4.0/components/navs/事件类型：一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月二个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月二个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月
下面是我的代码，你也可以在这里检查https://codesandbox.io/
第一个

twitter-bootstrap

来源：https://stackoverflow.com/questions/74119276/how-to-stop-youtube-embed-from-playing-in-the-background-when-im-switching-tabs

1条答案

按热度按时间

v6ylcynt1#

它应该是a元素，目标应该是e.target

$('a[data-toggle="pill"]').on('hidden.bs.tab', function (e) {
  var myTarget = $(e.target).attr('href');
  let src = $(myTarget).find('iframe').attr('src'); 
  $(myTarget).find('iframe').attr('src', '');
  
  $(myTarget).find('iframe').attr('src', src);
  console.log($(myTarget))
});

赞(0）回复(0）举报 2022-12-07

我来回答

Bootstrap 如何在切换标签页时阻止Youtube嵌入在后台播放

1条答案

相关问题

热门标签

最新问答