播放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/