vimeoビデオをオンにしてonmouseoutを一時停止する

Question

標準のiframe形式で埋め込まれた複数のvimeoビデオを含むページがあります。私は、froogaloop.js（http://a.vimeocdn.com/js/froogaloop2.min.js）のHTMLヘッダーとjquery（v 1.4.2）への参照を持っています。私がしたいのは、onmouseoverで各ビデオを再生し、onmouseoutを一時停止できるようにすることです。

私はここにJSFiddleページを設定している

：http://jsfiddle.net/g2Z2B/私はやりたいと思ってるものを示している - 基本的にちょうどイベントONMOUSEOUT/onmouseover属性jqueryのを一時停止/ビデオ再生をバインドする - しかし、私はを読みどんなにAPIのドキュメント私はちょうど何かを得ることができません。私はAPIのデモページをここで取り除こうとしました：http://player.vimeo.com/playgroundしかし、それもマウスオーバーで動作するようになることはできません - プラス私はそれも壊れて不要なものを取り除こうとするたびにプラス。私がやってみたいのは、何かメガシンプルなものです。

誰かがここで正しい方向に向けることができたら、私は最も感謝しています！

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/