Question

我有一个页面，其中包含几个以标准iframe方式嵌入的vimeo视频。我在HTML头部和jquery（v 1.4.2）中引用了froogaloop.js（http://a.vimeocdn.com/js/froogaloop2.min.js）。我想要做的是能够播放每个视频onmouseover并暂停onmouseout。

我在这里设置了一个JSFiddle页面：http://jsfiddle.net/g2Z2B/显示了我想要做的事情 - 基本上只是将视频播放/暂停绑定到jquery onmouseover / onmouseout事件 - 但是没有无论我通过API文档阅读多少，我都无法获得任何工作。我尝试在此处拆分API演示页面：http://player.vimeo.com/playground但是甚至无法在鼠标悬停时使用它 - 加上每当我尝试去除不需要的东西时它也会中断。我所要做的就是超级简单。

如果有人能指出我正确的方向，我将非常感激！

Answer 1

首先，你应该使用Froogaloop的自定义$f选择器抓住玩家。如果您查看playground.html，请在第223行完成：

froogaloop = $f(player_id)

此外，您应该致电.api('play')而不仅仅是('play')。完整代码可能如下所示：

$(document).ready(function(){
    var player = $("#player_7256322");
        froogaloop = $f(player[0].id);

    player.mouseover(function(){
        froogaloop.api('play');
    }).mouseout(function(){
        froogaloop.api('pause');
    });
});

固定小提琴：

http://jsfiddle.net/g2Z2B/1/

播放vimeo视频onmouseover并暂停onmouseout

1 个答案: