Приостановить все видео Vimeo с помощью JavaScript?

0

Я пытаюсь приостановить все видео Vimeo при нажатии любой ссылки. Я создаю скроллер и не хочу, чтобы видео продолжали играть при прокрутке к следующему элементу.

Я могу приостановить одно из видео - может ли кто-нибудь увидеть, что я делаю неправильно?

var iframe = $('.vimeovideo')[0, 1],
    player = $f(iframe),
    status = $('.status');

$('a').bind('click', function () {
    player.api("pause");
});

http://jsfiddle.net/HfwWY/1975/

благодаря

Теги:
video
vimeo

1 ответ

1
Лучший ответ

У меня был успех, используя jQuery each() для повторения и приостановки каждого видеопроигрывателя.

var iframes = $('.vimeovideo'),
    status  = $('.status');

$('a').bind('click', function() {
  iframes.each(function() {
    var player = $f(this);
    player.api("pause");
  });
  return false;
});
a {
  display: block;
  font-size: 1.2em;
  margin: 0 0 1em;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="//a.vimeocdn.com/js/froogaloop2.min.js"></script>
<a href="#">PAUSE</a>
<iframe class="vimeovideo" src="//player.vimeo.com/video/67021810?title=0&amp;byline=0&amp;portrait=0&amp;color=C0C000" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
<iframe class="vimeovideo" src="//player.vimeo.com/video/78298758?title=0&amp;byline=0&amp;portrait=0&amp;color=C0C000" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Просмотр на JSFiddle

Ещё вопросы

Сообщество Overcoder
Наверх
Меню