使用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!
答案 0 :(得分:1)
我遇到了这个问题,因为在包括froogaloop.js之前我已经包含了我的脚本。
似乎$ f是在js上定义的。
答案 1 :(得分:0)
如果错误只是JSHint,您可以在文件顶部添加以下注释以禁止警告:
/*global $f:false */
答案 2 :(得分:-1)
drcord在answer similar question中指出{{3}}:
您要么在此代码之后加载jQuery,要么不在。您需要在此脚本之前包含jQuery。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js></script>
答案 3 :(得分:-1)
您必须连接库
<script src="http://a.vimeocdn.com/js/froogaloop2.min.js"></script>