javascript - Vimeo API - Froogaloop. $f is not defined - Stack Overflow

admin管理员组

文章数量:1391969

used the api to add a button that plays 1 vimeo video on a page.

I added the Froogaloop plugin into my plugins.js file and am calling out to it on my main.js file.

Here's my code

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

The problem I'm having is that any script after this will not run. The error JSHint gives me is '$f' is not defined

I've tried defining ($f = '')this, but it simply breaks the functionality (which makes sense why that would break it). Has anyone run into this issue before? Do you know of a fix?

Also note that the above code block works. It just has to be the very last thing in my main js file or else everything after it would break. It also won't pass JSHint. I get two '$f' is not defined. errors.

Any help would be greatly appreciated.

Thnx!

used the api to add a button that plays 1 vimeo video on a page.

I added the Froogaloop plugin into my plugins.js file and am calling out to it on my main.js file.

Here's my code

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

The problem I'm having is that any script after this will not run. The error JSHint gives me is '$f' is not defined

I've tried defining ($f = '')this, but it simply breaks the functionality (which makes sense why that would break it). Has anyone run into this issue before? Do you know of a fix?

Also note that the above code block works. It just has to be the very last thing in my main js file or else everything after it would break. It also won't pass JSHint. I get two '$f' is not defined. errors.

Any help would be greatly appreciated.

Thnx!

• javascript
• jquery
• vimeo
• froogaloop

Share Improve this question Follow asked Mar 7, 2013 at 19:15 DavidVIIDavidVII 2,28322 gold badges2323 silver badges2929 bronze badges 1

• Does this help? – PHearst Commented Apr 9, 2013 at 11:38

Add a ment  | 

4 Answers 4

Sorted by: Reset to default 1

I was having this problem because I was including my script before including froogaloop.js.

It seems that $f is defined on that js.

If the error is just with JSHint, you can add the following ment to the top of the file to suppress the warning:

/*global $f:false */

You must connect the library

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

As drcord pointed out in his answer to this similar question:

You are either loading jQuery after this code or not at. You need to include jQuery before this script.

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

本文标签： javascriptVimeo APIFroogaloop f is not definedStack Overflow