使用jquery停止页面上的任何vimeo视频

Question

很抱歉我缺乏经验。我得到了一个特定的html代码：

    <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>

我需要一个“关闭”按钮，停止视频，无论哪一个正在播放的时刻，或所有正在播放，因为你将只能播放一次。

我使用了从https://stackoverflow.com/a/12932722/3808307复制的解决方案

添加

<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');
});

但它显然只适用于第一个视频。如何对数组中的所有元素使用close？这里我不关心性能，我只想在不能识别正在播放的视频的情况下停止所有正在播放的视频

Answer 1

我不知道它是如何工作的，只是根据你的exists代码来猜测一下

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