vimeo - 使用 API 暂停所有 Vimeo 视频？

Question

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

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

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

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

  });

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

Answer 1

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

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