jqueryでページ上の任意のvimeoビデオを停止

Question

私の未経験で申し訳ありません。あなたは一つだけを再生することができますので、私は、1は、現時点で演奏された方の動画、または再生しているものをすべて停止し、「閉じる」ボタンを必要とする

<div class="embedded-video" style="display: block;"> 
     <span class="fa fa-times-circle video-closer">Close</span> 
     <p></p> 
     <div> 
      <iframe allowfullscreen class="roots-video" frameborder="0" height="360" src="https://player.vimeo.com/video/155722997?title=0&amp;byline=0&amp;portrait=0" style="display: block;" width="640"></iframe> 
     </div> 
     <div> 
      <iframe allowfullscreen class="roots-video" frameborder="0" height="360" id="spvideo" name="spvideo" src="https://player.vimeo.com/video/155722997?title=0&amp;autopause=1&amp;byline=0&amp;portrait=0" style="display: block;" width="640"></iframe> 
     </div> 
    </div> 

：私は、特定のHTMLコードを与えられました時間。

私は

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

と

var iframe = $('.roots-video')[0]; 
var player = $f(iframe); 

$('.video-closer').click(function() { 
    alert('stoped'); 
    player.api('pause'); 
}); 

を追加https://stackoverflow.com/a/12932722/3808307

からコピーされたソリューションを使用しかし、それは明らかにのみ最初のビデオのために動作します。配列のすべての要素に対してcloseを動作させるにはどうすればよいですか？ここでのパフォーマンスは気にしません。再生している動画がどれであるのかわからない場合は、再生中の動画をすべて終了するようにしてください。

Answer 1

どのように動作するのかわかりませんが、存在コード

$('.video-closer').click(function() { 
    $('.roots-video').each(function(){ 
     var ele = $f(this); 
     ele.api('pause'); 
    }); 
});