Vimeo onFinish 이벤트의 간단한 예제

Question

iframe이 포함 된 vimeo 비디오 재생이 중단 될 때 javascript 이벤트를 발생시키는 vimeo 및 다른 웹 사이트의 예제를 여러 번 사용해 보았습니다.

아무 것도 시도하지 않는 것 같습니다!

iframe vimeo 플레이어의 JavaScript onFinish 이벤트 중 가능한 가장 간단한 버전을 가진 사람이 있습니까?

예제 페이지는 www.armourylondon.co.uk/work.php입니다. 비디오 엄지 손가락을 클릭하면 div가 애니메이션되고 Ajax가 플레이어에로드됩니다. 나는 아약스와 애니메이션을위한 프로토 타입/Scriptaculous 프레임 워크를 사용하고있다.

내가 포함 된 froogaloop js를 가지고 있고, 내가 말했듯이, 나는 vimeo의 API 예제와 다른 웹 사이트에서도 많은 예제를 따라왔다. 적어도 나에게는 그렇지 않다.

내가 필요한 건 비디오가 끝났을 때 누군가가 좋은 Hello World 알림을 표시하는 것입니다. 나머지는 여기서 할 수 있습니다! 나는 3 시간 동안 여기에 앉아 있었다. 그러나 간단한 경고창을 깜박 거리게하려고 노력했지만 아무 쓸모가 없었다.

thumbnail-to-vimeo 애니메이션과 loadup을 실행하는 Js는 문서 머리 부분에 바로 있습니다. '// Vimeo 자동 종료 후 마무리'라는 아약스 업데이트 도구의 onCopmplete 함수 안에있는 코드는 마지막 버전 나는 그 didnt 일을 시도했다. 축소판 그림을 클릭했을 때 성장한 div에 Ajax Updater가 비디오를로드 할 때까지 iframe이 Dom에 존재하지 않으므로 코드를 삽입했습니다.

Answer 1

나는이 코드를 결국 사용했다. 오늘 아침 9 시경에이 코드를 사용했다.

$f($('armoury_vid')).addEvent('ready', ready); 

function ready(player_id) { 
    // Keep a reference to Froogaloop for this player 
    var container = document.getElementById(player_id).parentNode.parentNode; 
    froogaloop = $f(player_id); 
    froogaloop.addEvent('finish', function(data) { 
     document.body.removeChild($('armoury_vid').parentNode); 
    }); 
}  

나는 페이지에 비 메오 비디오를로드하기 Ajax.Updater 호출 그게 전부에 대한의 onComplete 콜백에 코드를 배치했다.

저는 Froogaloops $ f() 함수에서 $ (프로토 타입 콜)을 래핑하지 않았기 때문에 그런 것이라고 생각합니다. 실수는 지적했습니다!

위의 스크립트는 프로토 타입 프레임 워크를 사용하여 구축되었다 - 그 아래로 개인적인 취향에 - - 그것은 jQuery를 프레임 워크를 사용하도록 적응하기 위해 아주 작은 일을 걸릴 것 둘 다 동일한 작업을 수행, 단지 약간 다른 통사론!