2

私は壁にぶつかり、これを機能させる方法がわかりません。Vimeo の高度な API を使用して、サムネイル付きのアカウントからすべての動画を取得しています。サムネイルをクリックすると、ビデオが上に表示され、別のサムネイルをクリックすると、現在表示されているビデオが非表示になります。問題は、非表示にしてもビデオが再生され続けることです。API を見て数時間を費やしましたが、非表示にすると一時停止できません。

var iframe = $('.video')[0];

  $('.thumbnail a').click(function(e) {

  $f(iframe).api('pause');

  });

上記のコードは、最初のビデオのみを一時停止します。番号 [0] を [1] に変更すると、別のサムネイルをクリックすると 2 番目のビデオが一時停止します。誰か考えがありますか？上記のコードでは froogaloop を使用しています。

4

2 に答える 2

7

このコードを使用して、ページ上のすべての YouTube および Vimeo ビデオを一時停止できます。

$('iframe').each(function() {
  this.contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*');
  this.contentWindow.postMessage('{"method":"pause","value":""}', '*');
});
于 2015-04-12T21:35:22.753 に答える
5

これをjQueryで使用しました：

<script type="text/javascript" src="http://a.vimeocdn.com/js/froogaloop2.min.js"></script>
<script type="text/javascript">// <![CDATA[
function pauseAll() {
    $('iframe[src*="vimeo.com"]').each(function () {
        $f(this).api('pause');
    });
}
// ]]></script>

onclick で使用します。

<a href="#" onclick="pauseAll(); return false;">pause all</a>
于 2013-08-28T10:26:48.507 に答える