Javascript 停止Vimeo嵌入Jquery无限旋转木马中的上一个/下一个按钮

我的设置：

我有一个Jquery无限旋转木马，它将嵌入Vimeo视频

单击“下一步”或“上一步”时，我希望它停止所有视频。目前，它在点击的同时继续播放视频

---

我环顾四周，但找不到我的问题的具体细节。我对js并不像你想象的那么精通

所以首先你们可以在这里找到api

由于它是一个iframe，因此没有向后兼容的通信方式 但是新浏览器有一种叫做postMessage的东西。 所以你可以写这个

$("iframe").each(function() {
  this.contentWindow.postMessage('{ "method": "pause" }', "http://player.vimeo.com");
});

---

页面上记录了不同的方法。但这会暂停所有玩家。

以下是一个示例，您可以通过单击按钮进行呼叫：

<script>
    function pauseAllVideos(){
        $("iframe").each(function() {
            this.contentWindow.postMessage('{ "method": "pause" }', "http://player.vimeo.com");
        });
    }
</script>

函数pauseAllVideos（）{
$（“iframe”）。每个（函数（）{
this.contentWindow.postMessage（“{”方法“：“暂停”}，”http://player.vimeo.com");
});
}

这是html中的代码：

<a href="#" onClick="pauseAllVideos(); return false;">PAUSE VIDEOS</a>

---

@megakorre的解决方案对我很有效。简单易用

一个警告：如果您的域使用https，除非您将http更改为https，否则它将无法工作，如下所示：

this.contentWindow.postMessage('{ "method": "pause" }', "https://player.vimeo.com");

---

谢谢我不是100%清楚如何将上面的脚本与我的上一个/下一个按钮链接。等等，我说得太快了。我在其他Vimeo视频中尝试了这一点，但突然发现它不能正常工作。它可以暂停视频，但当当前视频聚焦时，它会自动恢复并播放。您的示例使视频暂停，直到再次单击播放，这正是我想要的。这让我觉得我错过了什么。您在js中更改的唯一内容是什么？请注意，在我的示例中，我已将&api=1标记设置为。。。。我的示例正在按您的意愿工作。您好，不知道您是否可以进一步帮助我。我想在标记中的常规div上使用这个确切的功能。因此，当它被点击时，它会停止所有视频。但是，我不能100%确定如何实现上面的代码来实现这一点。谢谢