单击单击按钮暂停mb.YTPlayer元素的所有实例

Question

为Youtube背景使用jquery插件（https://github.com/pupunzi/jquery.mb.YTPlayer/wiki）

我试图用一个暂停按钮暂停所有背景视频，不知道为什么它只会暂停第一个视频，无论具有背景视频的div的长度。

我设置了一个jsfiddle来解释我想要实现的目标。

代码如下：

$('.vid').each(function() {
    var vid = $(this).data('video');
    $(this).YTPlayer({
        videoURL: vid,
        stopMovieOnBlur: false,
        mute: true,
        ratio: 'auto',
        quality: 'default',
        loop: true,
        showYTLogo: false,
        showControls: false,
        containment: 'self'
    });

});

$('.pauseit').on('click', function() {
    $('.vid').YTPPause()
});

感谢您提供任何帮助。

Answer 1

看看这里。我修改了jsfiddle：

update

Chnage就像这样：

$

Answer 2

将评论转换为答案。

1. 确保按钮是按钮：type="button"
2. 再次使用.each暂停视频：

像这样：

$('.pauseit').on('click', function() {
    $('.vid').each(function() { $(this).YTPPause(); });
});

https://jsfiddle.net/mplungjan/swnj2bcg/