Vimeo froogaloop API，在 Fiddle 中工作，但不在 WP 中答案

【问题标题】：Vimeo froogaloop API, working in Fiddle but not in WPVimeo froogaloop API，在 Fiddle 中工作，但不在 WP 中
【发布时间】：2014-01-20 18:35:39
【问题描述】：

我正在尝试利用 Vimeo 的 Froogaloop API 来在用户单击某个元素时暂停视频嵌入。我让它在 my Fiddle 中完美运行，但在我的 Wordpress 环境中无法运行。

我从this thread 获取了一些代码来创建我正在开发的网站的简化版本；

HTML

<div id="player1" class="col">
    <div class="vid">
        <iframe src="//player.vimeo.com/video/75817361?title=0&amp;byline=0&amp;portrait=0&api=1" width="100%" height="auto" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
    </div>
</div>

<div id="player2" class="col">
    <div class="vid">
        <iframe src="//player.vimeo.com/video/7038107?title=0&amp;byline=0&amp;portrait=0&api=1" width="100%" height="auto" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
    </div>
</div>

<a class="pause" onclick="pauseAll(); return false;" href="#">Pause</a>

jQuery

function pauseAll() {
$('iframe[src*="vimeo.com"]').each(function () {
    $f(this).api('pause');
});
}

正如我所说，它在我的 Fiddle 中完美运行，但在我的 WP based site 中却没有。它似乎也只是谷歌浏览器，它在 WP 中不起作用，这让我更加摸不着头脑。

如果有人有任何想法，那将是一个很大的帮助。

【问题讨论】：

标签： jquery vimeo froogaloop

【解决方案1】：

您是否已将美元符号设置为不冲突？尝试使用jQuery('.iframe...') 而不是$

【讨论】：

【解决方案2】：

确保您在 Web 服务器上工作，由于 JS 安全限制，它不会在本地运行。

【讨论】：