Vimeo API - Froogaloop。 $ f未定義

Question

使用api添加一個按鈕，在頁面上播放1個vimeo視頻。

我將Froogaloop插件添加到我的plugins.js文件中，並在main.js文件中調用它。

這是我的代碼

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

我遇到的問題是，之后的任何腳本都無法運行。 JSHint給出的錯誤是'$f' is not defined

我已經嘗試定義（ $f = '' ）這個，但它只是打破了功能（這有意義為什么會破壞它）。 有沒有人遇到過這個問題？ 你知道修復嗎？

另請注意，上面的代碼塊有效。 它必須是我的主js文件中的最后一件事，否則它之后的一切都會破壞。 它也不會通過JSHint。 我得到兩個'$f' is not defined. 錯誤。

任何幫助將不勝感激。

日Thnx！

Answer 1

我遇到了這個問題因為我在包括froogaloop.js之前包含了我的腳本。

似乎$ f是在js上定義的。

Answer 2

如果錯誤只是使用JSHint，則可以在文件頂部添加以下注釋以禁止顯示警告：

/*global $f:false */

Answer 3

正如drcord在回答這個類似問題時指出的那樣：

您要么在此代碼之后加載jQuery，要么不加載。 您需要在此腳本之前包含jQuery。

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

Answer 4

您必須連接庫

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