尋找一個使用froogaloop在完成時觸發jQuery偵聽器的示例

Question

我想在視頻播放完畢後將vimeo視頻播放器從屏幕上動畫化。

這裏的HTML：

.one-container 
    %a#slide1 
    .row.video-left 
    .large-8.columns 
     .flex-video.widescreen.vimeo 
     %iframe{allowfullscreen: "", frameborder: "0", height: "225", mozallowfullscreen: "", src: "http://player.vimeo.com/video/60122989", webkitallowfullscreen: "", width: "400"} 

我只是不知道如何下手。我已將縮小的froogaloop2代碼添加到我的網站，只是想弄清楚如何抓取播放器並調用完成方法。

感謝

Answer 1

所以首先你需要獲得與jQuery視頻的iframe這將是

var videoEl = $('.flex-video.widescreen.vimeo').find('iframe')[0]; 

然後到終點事件添加到使用froogaloop視頻，你會使用froogaloop的$ f，同時傳遞給我們剛剛找到的視頻的引用。

$f(videoEl).addEvent('finish', function() { 
    //code for animating goes here 
})