播放vimeo视频onmouseover和暂停onmouseout

Question

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

我在这里设置了一个JSFiddle页面：http://jsfiddle.net/g2Z2B/它显示了我想要做的事情 - 基本上只是将视频播放/暂停绑定到jquery onmouseover/onmouseout事件 - 但无论我通过API文档我只是无法获得任何工作。我已经尝试在这里拉开API演示页面：http://player.vimeo.com/playground，但是甚至无法让它在mouseover上工作 - 此外，每当我尝试删除不需要的内容时，它也会崩溃。我所要做的只是超简单的事情。

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

Answer 1

所以首先，你应该用Froogaloop的自定义$f选择器来抓住玩家。

froogaloop = $f(player_id) 

此外，你应该叫.api('play')，而不是仅仅('play')：如果你看看playground.html这是上线223完成的。完整的代码可能是这个样子：

$(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/