Javascript 放大弹出窗口：尝试从内联弹出窗口调用YouTube iframe弹出窗口时出错

我使用放大弹出窗口来显示一个带有图像和一些文本的内联模式。客户端现在希望在该内联模式中添加一个链接，以观看视频-该视频位于一个新的模式弹出窗口中

我们在整个网站上使用视频模式已经没有任何问题，但是当链接在内联模式内时，黑色覆盖层会保持不变，内联模式会如预期的那样消失，但不会出现视频模式

<a class="modal-youtube" href="https://www.youtube.com/watch?v=5r15IUNWhl8">Watch a Video</a>

作为参考，这里是我的javascript代码——不过都是文档中非常标准的东西

$('.modal-youtube, .modal-vimeo, .modal-gmaps').magnificPopup({
    disableOn: 700,
    type: 'iframe',
    mainClass: 'mfp-fade',
    removalDelay: 160,
    preloader: false,

    fixedContentPos: false
});



$('.modal').magnificPopup({
        type: 'inline',
        preloader: false,
        showCloseBtn: true
  });

---

听起来放大弹出窗口在重建YouTube链接以创建iframe时遇到了问题，但我不知道为什么它在其他地方都能工作，除了在模式窗口内。有什么想法吗？

我是全新的放大弹出窗口，我遇到了同样的问题：我的youtube

src

无法正确构建。我没有通过

启动弹出窗口，但我无法让它工作。希望这有点帮助。
据我所知，混合和匹配模态类型是导致问题的原因。最后，我不得不使用与第一个弹出窗口相同的模式类型，并定期执行嵌入操作：
请确保关闭自动播放，否则在您查看之前吸盘会发出噪音：）这是禁用自动播放的一个好提示，谢谢。我把它关掉了，正想把它打开。现在我不会了。Safari在模态弹出之前不会开始播放它，但我认为Firefox和Chrome已经开始了。
$('.modal-youtube, .modal-vimeo, .modal-gmaps').magnificPopup({
    disableOn: 700,
    type: 'iframe',
    mainClass: 'mfp-fade',
    removalDelay: 160,
    preloader: false,

    fixedContentPos: false
});



$('.modal').magnificPopup({
        type: 'inline',
        preloader: false,
        showCloseBtn: true
  });

// store the youtube url in a data- attribute as I build my page
$(section_item).data("yt",thisLink);

//section_item is my <div> where the magnific-popup spawns from
 $(section_item).magnificPopup({
      items:{
           src:$(section_item).data("yt")
      },
      type:'iframe',
      callbacks:{
           open:function({
                $("iframe").attr("src",$.magnificPopup.instance.currItem.src);
           }
      },
});

file://www.youtube.com/embed/ttps://www.youtube.com/embed/-fuulLKmxxg?autoplay=1

https://www.youtube.com/embed/-fuulLKmxxg