vimeo 비디오 onmouseover 및 일시 중지 onmouseout 재생

Question

표준 iframe 방식으로 포함 된 여러 vimeo 비디오가 포함 된 페이지가 있습니다. 나는 froogaloop.js (http://a.vimeocdn.com/js/froogaloop2.min.js)에 대한 참조를 HTML 헤드와 jquery (v 1.4.2)에서 가지고있다. 내가하고 싶은 일은 onmouseover에서 각 비디오를 재생하고 onmouseout을 일시 중지하는 것입니다.

여기에 JSFiddle 페이지를 설정했습니다 : http://jsfiddle.net/g2Z2B/ - 내가하고 싶은 것을 보여줍니다. 기본적으로 비디오 재생/일시 정지를 jquery onmouseover/onmouseout 이벤트에 바인딩합니다. API 문서 나는 아무것도 작동시킬 수 없다. 나는 여기 API 데모 페이지를 뽑아 내려고 시도했다 : http://player.vimeo.com/playground 그러나 그것도 mouseover에서 작동하도록 할 수 없다 - 플러스 때마다 내가 너무 원치 않는 물건을 스트립하려고합니다. 제가하고 싶은 것은 메가 단순한 것입니다.

누구든지 올바른 방향으로 나를 가리킬 수 있다면, 나는 가장 감사 할 것입니다!

Answer 1

먼저 Froogaloop의 맞춤형 $f 선택기로 플레이어를 잡아야한다는 것입니다.

froogaloop = $f(player_id) 

또한이 .api('play')보다는 ('play')를 호출해야합니다 당신이 playground.html 보면 이것은 라인 (223)에서 수행된다. 전체 코드는 다음과 같이 보일 수 있습니다

$(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/