4

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

我在这里设置了一个 JSFiddle 页面：http: //jsfiddle.net/g2Z2B/它显示了我想要做的事情 - 基本上只是将视频播放/暂停绑定到 jquery onmouseover/onmouseout 事件 - 但无论如何我通读了很多 API 文档，但我什么也做不了。我试过在这里拆开 API 演示页面：http: //player.vimeo.com/playground但甚至无法让它在鼠标悬停时工作 - 加上每当我试图去除不需要的东西时它也会破坏。我想做的只是一些超级简单的事情。

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

4

1 回答 1

9

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

于 2011-11-14T17:34:47.570 回答