API Vimeo - Froogaloop. $ f non è definito

Question

utilizzato l'api per aggiungere un pulsante che riproduce 1 video Vimeo su una pagina.

Ho aggiunto il plug-in Froogaloop nel mio file plugins.js e sto richiamandolo sul mio file main.js.

Ecco il mio codice

ready = function(player_id) { 
    var playButton, player; 
    player = $f(player_id); 
    playButton = $('#playButton'); 

    return playButton.on('click', function(e) { 
    e.preventDefault(); 
    player.api('play'); 
    }); 
}; 

$f(document.getElementById('player')).addEvent('ready', ready); 

Il problema che sto avendo è che qualsiasi script dopo questo non verrà eseguito. L'errore che JSHint mi ha dato è '$f' is not defined

Ho provato a definire ($f = '') questo, ma semplicemente interrompe la funzionalità (il che ha senso perché lo interromperà). Qualcuno ha mai incontrato prima questo problema? Conosci una soluzione?

Si noti inoltre che il blocco di codice sopra funziona. Deve solo essere l'ultima cosa nel mio file js principale o qualsiasi altra cosa dopo che si romperebbe. Inoltre, non passerà a JSHint. Ottengo due errori '$f' is not defined..

Qualsiasi aiuto sarebbe molto apprezzato.

Thnx!

Answer 1

Stavo avendo questo problema perché stavo includendo il mio script prima di includere froogaloop.js.

Sembra che $ f sia definito su tale js.

Answer 2

Se l'errore è solo con JSHint, è possibile aggiungere il seguente commento alla parte superiore del file per eliminare l'avviso:

/*global $f:false */ 

Answer 3

Come drcord ha sottolineato nel suo answer a questo similar question:

Si sta caricando jQuery dopo questo codice o non in. Devi includere jQuery prima di questo script.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js></script> 

Answer 4

È necessario collegare la libreria

<script src="http://a.vimeocdn.com/js/froogaloop2.min.js"></script>