Alla ricerca di un esempio di utilizzo di froogaloop per attivare un ascoltatore jquery al termine - javascript, vimeo, froogaloop

Mi piacerebbe animare il lettore video Vimeo dallo schermo al termine della riproduzione del video.

Ecco l'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"}

Non sono sicuro di come iniziare. Ho aggiunto il codice froogaloop2 minimizzato al mio sito, sto solo cercando di capire come afferrare il giocatore e chiamare il metodo finish.

Grazie

risposte:

Quindi prima di tutto dovresti ottenere l'iFrame del video con jQuery che sarebbe

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

Quindi per aggiungere l'evento finale al video usando froogaloop, dovresti usare froogaloop "s $ f, passando il riferimento al video che abbiamo appena trovato.

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