如何在标签中停止视频？

Question

我的网站上有一个标签界面,其中包含最后一个标签上的图片和YouTube视频.一切正常,但每次切换标签时视频都不会停止播放.有没有办法来解决这个问题？提前致谢.

这就是我得到的:

点击这里

Answer 1

DEMO - 切换标签会暂停所有播放的视频.

通过使用YouTube播放器API,您可以播放/暂停/停止视频.

<script src="//www.youtube.com/iframe_api"></script>

<iframe width="510" height="287" src="//www.youtube.com/embed/VIDEO_ID?enablejsapi=1" frameborder="0" allowfullscreen></iframe>

<script>
  $(function(){
    $('iframe[src*="//www.youtube.com/embed/"]').each(function(i) {
      this.contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*');
    });
  });
</script>

请注意?enablejsapi=1附加到YouTube嵌入网址中的查询字符串iframe.