使用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":""}', '*'); 
});