Vimeo froogaloop API, Fiddle에서 WP로 작동하지 않음

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 그것은 아무튼없는 곳에서 나는 머리를 더 긁어 모으고있는 WP에서 일하지 않습니다.

누구나 아이디어가 있다면 큰 도움이됩니다.

Answer 1

충돌하지 않도록 달러 기호를 설정 했습니까? $ 대신 jQuery('.iframe...')을 사용하십시오.

Answer 2

웹 서버에서 작업하고 있는지 확인하고 JS 보안 제한 사항으로 인해 로컬로 실행되지 않습니다.