0

ビデオの再生が終了したら、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 コードを自分のサイトに追加しました。プレーヤーを取得して、finish メソッドを呼び出す方法を見つけようとしています。

ありがとう

4

1 に答える 1

0

したがって、まず、jQuery を使用してビデオの iFrame を取得する必要があります。

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

次に、froogaloop を使用してビデオに終了イベントを追加するには、見つけたばかりのビデオへの参照を渡しながら、froogaloop の $f を使用します。

$f(videoEl).addEvent('finish', function () {
    //code for animating goes here
})
于 2014-04-25T10:14:02.700 に答える