Vimeo froogaloop API, работающий в Fiddle, но не в WP

Question

Я пытаюсь использовать API Froogaloop Vimeo для приостановки видеороликов, когда пользователь нажимает на определенный элемент. Я отлично работаю в 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 Это также, кажется, просто Google Chrome, где он Безразлично Я работаю в WP, что заставляет меня еще больше царапать голову.

Если у кого-то есть идеи, это будет большой помощью.

Answer 1

Вы настроили знак доллара, чтобы не конфликтовать? Попробуйте использовать jQuery('.iframe...') вместо $

Answer 2

Убедитесь, что вы работаете на веб-сервере, он не будет запускаться локально из-за ограничений безопасности JS.