jquery – 播放vimeo视频onmouseover并暂停onmouseout

我有一个页面,其中包含几个嵌入标准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但是甚至无法让它在鼠标悬停上工作 – 加上每当我试图去除不需要的东西时它也会破坏.我所要做的就是超级简单.

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

解决方法

所以第一件事是你应该用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/