我试图利用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\');
});
}

正如我所说，它在我的小提琴中非常有效，但在我的WP based site 它似乎也只是谷歌Chrome，它在WP中不起作用，这让我更加抓狂。

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