使用API​​暫停所有Vimeo視頻？

Question

我碰壁了，無法弄清楚如何使這項工作。藉助Vimeo的高級API，我正在使用縮略圖從帳戶中提取所有視頻。點擊縮略圖時，視頻會顯示在上方，點擊不同的縮略圖可隱藏當前顯示的視頻。問題是即使隱藏視頻，視頻也會繼續播放。我花了幾個小時看着API，隱藏時無法暫停。

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

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

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

    }); 

上述代碼僅暫停第一個視頻。如果我將數字[0]更改爲[1]，則當您單擊另一個縮略圖時，第二個視頻會暫停。有人有想法嗎？我在上面的代碼中使用froogaloop。

Answer 1

我用這個用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> 

Answer 2

您可以使用此代碼暫停頁面上所有的YouTube和Vimeo視頻：

$('iframe').each(function() { 
    this.contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*'); 
    this.contentWindow.postMessage('{"method":"pause","value":""}', '*'); 
});