停止 Vimeo 嵌入 Jquery Infinite Carousel 中的上一个/下一个按钮

Question

我的设置： http://jsfiddle.net/ASa2K/1/

我有一个 Jquery Infinite Carousel，它其中将嵌入 Vimeo 视频。

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

我环顾四周，但找不到针对我的问题的具体信息。我对 js 并不像你可能猜到的那么精通！

Answer 1

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

http://vimeo.com/api/docs/player -js

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

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

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

Answer 2

这是一个示例，您可以通过单击按钮进行调用：

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

这是 html 中的代码：

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

Answer 3

@megakorre 的解决方案对我有用。简单又容易。

需要注意的是：如果您的域使用 https，则除非您将 http 更改为 https，否则它将无法工作，如下所示：

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