javascript - 寻找使用 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
})