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剪辑都不存在，在检查器中我得到＆＃34;未定义？autoplay = 1 404（未找到）＆＃34;？我点击关闭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谢谢！

在关闭模态窗口（其中包含视频）时，视频会消失吗？

1 个答案: