jQuery e Vimeo Froogaloop API

Question

Sto costruendo un plugin per WordPress e finora tutto bene con la libreria PHP. Ma sto riscontrando alcuni problemi con l'API JavaScript.

Sto provando ad usarlo con jQuery, e penso che la versione di WordPress di jQuery abbia problemi con il collegamento $f. Perché non dovrebbe funzionare?

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(); 
}); 

È possibile vederlo in azione allo temp.woodshop.tv/?work/?dickies-campaign/?.

ottengo questo errore:

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

Answer 1

Un problema è che addEvent è sia una funzione che è stata definita sia un metodo dell'oggetto $ f (player). Sembra che tu stia confondendo i due. Il metodo addEvent dell'oggetto $ f (player) accetta solo due argomenti, il nome dell'evento giocatore e la funzione da chiamare. Dovrebbe essere usato come $ f (your-iframe) .addEvent ('evento vimeo', your_function);

La funzione addEvent unifica gli eventi tra i metodi IE e W3C. Non è necessario perché stai usando jQuery. jQuery (qualunque cosa) .click() fa la stessa cosa. Non vedo alcuna parte del tuo frammento dove ne hai bisogno ma, se lo fai, utilizzerei semplicemente il metodo jQuery.

Inoltre, l'oggetto lettore video dovrebbe essere $ f (giocatore), invece di $ f (giocatore) .vimeoPlayer

Prova questa

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

Un'altra cosa da notare è che tutti gli eventi giocatore supplementare necessario da aggiungere dalla funzione di callback pronta. Per esempio:

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

ho avuto difficoltà a trovare le informazioni che voglio sul Froogaloop API di Vimeo, ma dopo aver setacciato Vimeo Froogaloop API Playground una dozzina di volte sto iniziando a ottenere l'idea di come funziona.

Buona fortuna!

Answer 2

Invece di provare $f(player).vimeoPlayer.addEvent$(this).addEvent.