播放vimeo视频onmouseover并暂停onmouseout

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/