Question

我正试图利用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中不起作用，这让我更加头疼。

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

Answer 1

您是否设置了美元符号以避免冲突？尝试使用jQuery('.iframe...')代替$

Answer 2

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

Vimeo froogaloop API，在Fiddle工作但不在WP工作

2 个答案: