Остановить Vimeo встраивает на предыдущие / следующие кнопки в Jquery Infinite Carousel

Question

Моя настройка: http://jsfiddle.net/ASa2K/1/

У меня есть Jquery Infinite Carousel, в который будут встроены Vimeo vids.

При нажатии кнопки «Далее» или «Предыдущий» я хочу остановить все видео. В настоящее время он продолжает воспроизводить видео, нажимая.

Я посмотрел вокруг, но не могу найти что-то конкретное для моей проблемы. Я не так хорошо разбираюсь в JS, как вы могли догадаться!

Answer 1

Эй, так что сначала вы можете найти API здесь

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

, поскольку в его фрейме нет совместимого с ним способа обратной связи но есть нечто, называемое 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

@ Мегакорре решение работало для меня.Просто и легко.

Одно предупреждение: если ваш домен использует https, он не будет работать, если вы не измените http на https следующим образом:

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