Vimeo API不支持多个视频

Question

我在使用Vimeo API和多个视频时遇到了一些麻烦。我正在使用的代码暂停

<audio id="audio-player" autoplay="autoplay" loop> 
<source src="music/peanutbutter.mp3" type="audio/mpeg"> 
</audio> 

不能播放，但它只能处理第一个视频iframe。如果我点击第二，第三或第四个视频内置页框上的播放按钮，不幸的是它不会暂停页面上的音频。这可能是一个简单的解决办法，但我会疯狂尝试解决这个问题。谢谢！

<script src="http://a.vimeocdn.com/js/froogaloop2.min.js"></script> 

<script type="text/javascript"> 
$(function(){ 

var vimeoPlayer = document.querySelector('iframe'); 

$f(vimeoPlayer).addEvent('ready', ready); 

function ready(player_id) { 

    froogaloop = $f(player_id); 

    function setupEventListeners() { 
     function onPlay() { 
      froogaloop.addEvent('play', 
      function(){ 
       $("#audio-player")[0].pause(); 
       $("#header-button-sound-play").hide(); 
       $("#header-button-sound-pause").show(); 
      }); 
     } 

     onPlay(); 

    } 
    setupEventListeners(); 
} 

}) 
</script> 

<div id="dwf-trailer" class="content"><iframe id="player_1" src="http://player.vimeo.com/video/35740045?api=1&player_id=player_1" width="745" height="393" frameborder="0"></iframe></div> 

<div id="inkpaper-watch" class="content"><iframe id="player_2" src="http://player.vimeo.com/video/33359230?api=1&player_id=player_2" width="745" height="393" frameborder="0"></iframe></div> 

<div id="ramon-watch" class="content"><iframe id="player_3" src="http://player.vimeo.com/video/44427351?api=1&player_id=player_3" width="745" height="393" frameborder="0"></iframe></div> 

<div id="thatsunday-watch" class="content"><iframe id="player_4" src="http://player.vimeo.com/video/46602515?api=1&player_id=player_4" width="745" height="393" frameborder="0"></iframe></div> 

Answer 1

没关系！弄清楚了。

取代这个位的代码

$f(vimeoPlayer).addEvent('ready', ready); 

有了这个

jQuery('iframe').each(function(){ 
      Froogaloop(this).addEvent('ready', ready); 
}); 

固定的问题！因此，工作的JavaScript代码是

<script type="text/javascript"> 
$(function(){ 

jQuery('iframe').each(function(){ 
      Froogaloop(this).addEvent('ready', ready); 
}); 

function ready(player_id) { 

    froogaloop = $f(player_id); 

    function setupEventListeners() { 
     function onPlay() { 
      froogaloop.addEvent('play', 
      function(){ 
       $("#audio-player")[0].pause(); 
       $("#header-button-sound-play").hide(); 
       $("#header-button-sound-pause").show(); 
      }); 
     } 

     onPlay(); 

    } 
    setupEventListeners(); 
} 

}) 
</script> 

由于 http://labs.funkhausdesign.com/examples/vimeo/froogaloop2-api-basics.html

的帮助！