3

私のウェブサイトには、最後のタブに画像と youtube ビデオを含むタブ インターフェイスがあります。すべて正常に動作しますが、タブを切り替えるたびにビデオの再生が停止しません。これを修正する方法はありますか？前もって感謝します。

これは私が得たものです：

ここをクリック

4

2 に答える 2

10

デモ— タブを切り替えると、再生中のビデオが一時停止します。

YouTube Player 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 埋め込み URL に追加されたクエリ文字列に注意してくださいiframe。

于 2012-11-06T22:34:13.953 に答える