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

Question

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

我有一个Jquery Infinite Carousel，里面装有Vimeo vids。

点击“下一步”或“上传”时，我希望停止所有视频。目前，它一直在点击播放视频。

我环顾四周但找不到具体的问题。你可能已经猜到了，我对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");