我正在尝试利用 Vimeo 的 Froogaloop API 在用户单击某个元素时暂停视频嵌入。我让它在我的 Fiddle中完美运行,但在我的 Wordpress 环境中无法运行。
我从这个线程中获取了一些代码来创建我正在开发的网站的简化版本;
HTML
<div id="player1" class="col">
<div class="vid">
<iframe src="//player.vimeo.com/video/75817361?title=0&byline=0&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&byline=0&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 的站点中却没有。它似乎也只是谷歌浏览器,它在 WP 中不起作用,这让我更加摸不着头脑。
如果有人有任何想法,那将是一个很大的帮助。