jquery - 关闭模态窗口(窗口中有视频)后，视频消失了吗？

Question

我有一个模型窗口，可以打开不同类型的媒体，图像，音频，mp4，YouTube和Vimeo剪辑。

我可以使用以下代码来暂停音频和mp4视频剪辑:

$('.icon-close').click(function() {
  $('video, audio').each(function() {
    $(this)[0].player.pause();
  });
});

关于停止/暂停YouTube和Vimeo剪辑，我正在使用以下内容(因为这是停止YouTube / Vimeo剪辑的最接近的方法):

$('.icon-close').click(function() {
  $('.media-container iframe').attr('src', $('.media-container iframe', parent).attr('src') + '?autoplay=1');
});

上面的内容使视频在关闭时停止播放，但同时也删除了该页面上的YouTube和Vimeo剪辑。因此，当我再次打开模型窗口并备份时，YouTube和Vimeo剪辑均不存在，在检查器中我会看到“未定义？autoplay = 1 404(未找到)”？我不确定为什么单击关闭btn后会丢失视频，是否可以更改上面的代码，以免关闭时不会丢失所有YouTube和Vimeo剪辑？

谢谢，

Answer 1

找到了这段代码，这对我有用。

$(document).ready(function(){
    $('.modal').each(function(){
            var src = $(this).find('iframe').attr('src');

        $(this).on('click', function(){

            $(this).find('iframe').attr('src', '');
            $(this).find('iframe').attr('src', src);

        });
    });
});

Answered here on Stackoverflow by knightkiddo谢谢!