使用 API 暂停所有 Vimeo 视频？答案

【问题标题】：Pause all Vimeo videos with API?使用 API 暂停所有 Vimeo 视频？
【发布时间】：2013-03-17 06:30:58
【问题描述】：

我碰壁了，不知道如何进行这项工作。使用 Vimeo 的高级 API，我可以从带有缩略图的帐户中提取所有视频。单击缩略图时，视频会显示在上方，单击不同的缩略图会隐藏当前显示的视频。问题是即使隐藏视频也会继续播放。我花了几个小时查看 API，但我无法让它在隐藏时暂停。

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

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

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

  });

上面的代码只暂停第一个视频。如果我将数字 [0] 更改为 [1]，那么当您单击另一个缩略图时，第二个视频会暂停。有人有想法吗？我在上面的代码中使用了 froogaloop。

【问题讨论】：

标签： vimeo froogaloop

【解决方案1】：

您可以使用此代码暂停页面上的所有 YouTube 和 Vimeo 视频：

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

【讨论】：

我爱你

【解决方案2】：

我在 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>

在点击时使用它。

<a href="#" onclick="pauseAll(); return false;">pause all</a>

【讨论】：