Воспроизведение видео vimo на mouseover и пауза onmouseout - PullRequest
Новая
       19

Воспроизведение видео vimo на mouseover и пауза onmouseout

4 голосов
/ 14 ноября 2011

У меня есть страница, которая содержит несколько видео vimeo, встроенных стандартным способом iframe. У меня есть ссылка на froogaloop.js (http://a.vimeocdn.com/js/froogaloop2.min.js) в заголовке HTML, а также jquery (v 1.4.2). Я хочу, чтобы у меня была возможность воспроизводить каждое видео на mouseover и приостанавливать на mmouseout.

Я настроил здесь страницу JSFiddle: http://jsfiddle.net/g2Z2B/, которая показывает, что я хочу сделать - по сути, просто связать воспроизведение / паузу видео с событиями jquery onmouseover / onmouseout - но неважно, насколько Я прочитал документацию по API, я просто не могу заставить что-либо работать. Я попытался разделить демонстрационную страницу API здесь: http://player.vimeo.com/playground, но даже не могу заставить это работать при наведении курсора мыши - плюс всякий раз, когда я пытаюсь убрать ненужные вещи, которые он тоже ломает. Все, что я хочу сделать, это что-то мегапростое.

Если бы кто-нибудь мог указать мне правильное направление, я был бы очень благодарен!

1 Ответ

9 голосов
/ 14 ноября 2011

Итак, во-первых, вы должны захватить игрока с помощью пользовательского селектора Froogaloop $f. Если вы посмотрите на playground.html, это делается в строке 223: 

froogaloop = $f(player_id)

Кроме того, вы должны звонить .api('play'), а не просто ('play'). Полный код может выглядеть примерно так: 

$(document).ready(function(){
    var player = $("#player_7256322");
        froogaloop = $f(player[0].id);

    player.mouseover(function(){
        froogaloop.api('play');
    }).mouseout(function(){
        froogaloop.api('pause');
    });
});

Фиксированная скрипка:

http://jsfiddle.net/g2Z2B/1/

...