播放 vimeo 视频 onmouseover 并暂停 onmouseout

【问题标题】：Play vimeo video onmouseover and pause onmouseout播放 vimeo 视频 onmouseover 并暂停 onmouseout
【发布时间】：2011-12-28 19:48:39
【问题描述】：

我有一个页面，其中包含多个 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 但甚至无法让它在鼠标悬停时工作——而且每当我尝试去除不需要的东西时，它也会中断。我想做的只是一些超级简单的事情。

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

【问题讨论】：

标签： jquery vimeo froogaloop

【解决方案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/

【讨论】：