jQueryとVimeo Froogaloop API

Question

私はWordPressへのプラグインを構築しています。しかし、私はJavaScript APIにいくつか問題があります。

私はjQueryでそれを使用しようとしています。私は、WordPress版のjQueryがショートカット$fを使いこなしていると思います。なぜこれは動作しませんでしたか？

var vimeoPlayer = { 

    init: function() { 
     var vimeoPlayers = document.querySelectorAll('iframe'), 
     player; 

     jQuery('iframe.vimeo-player').each(function(index, iframe){ 
      player = vimeoPlayers[index]; 
      $f(player).vimeoPlayer.addEvent('ready', vimeoPlayer.ready); 
     }); 
    }, 

    addEvent: function(element, eventName, callback) { 
     if (element.addEventListener) { 
      element.addEventListener(eventName, callback, false); 
     } 
     else { 
      element.attachEvent(eventName, callback, false); 
     } 
    }, 

    ready: function(player_id) { 
     alert(player_id); 
    } 
} 

jQuery(document).ready(function($){ 
    vimeoPlayer.init.call(); 
}); 

temp.woodshop.tv/?work/?dickies-campaign/?で実際に確認できます。

私はこのエラーを取得する：

TypeError: Result of expression '$f(player).vimeoPlayer' [undefined] is not an object.

Answer 1

addEventはあなたが定義した関数でも、$ f（player）オブジェクトのメソッドでもあります。あなたは2つを混同しているようです。 $ f（player）オブジェクトのaddEventメソッドは、プレーヤーイベントの名前と呼び出される関数の2つの引数だけをとります。これは$ f（your-iframe）.addEvent（ 'vimeo event'、your_function）として使用する必要があります。

addEvent関数は、IEメソッドとW3Cメソッドの間のイベントを統一します。 jQueryを使用しているため、これは必要ありません。 jQuery（何でも）.click（）も同じことをします。あなたのスニペットの必要な部分は表示されませんが、そうした場合、jQueryメソッドを使用します。

また、ビデオプレーヤーオブジェクトが.vimeoPlayer

が注意すべきもう一つは、任意の追加のプレーヤーのイベントが必要だということです。この

jQuery('iframe.vimeo-player').each(function(){ 
    $f(this).addEvent('ready', ready); 
}); 

を試してみてください代わりに$ fの（プレイヤー）F $（プレイヤー）でなければなりませんあなたの準備完了コールバック関数から追加されます。たとえば：

function ready(player_id){ 
    $f(player_id).addEvent('play', play); 
    $f(player_id).api('play'); 
    alert("Ready!!!"); 
} 
function play(){ 
    alert("Playing!!!"); 
} 

私はVimeoののFroogaloop APIに私はそれがどのように動作するかのアイデアを得るために始めて十数回程度Vimeo Froogaloop API Playgroundを精練した後、欲しい情報を見つけるのに苦労をしました。

幸運を祈る！

Answer 2

代わりの$f(player).vimeoPlayer.addEvent$(this).addEventを試してみてください。