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代码添加到我的网站，只是想弄清楚如何抓住播放器并调用finish方法。

由于

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
})

寻找使用froogaloop在完成时触发jquery监听器的示例

1 个答案: