Youtube视频似乎在Mangific Popup上加载1秒钟，但它会自动跳转到Youtube视频页面

Question

我用标准代码实现了大胆的弹出窗口：

<script type="text/javascript">
 $(document).ready(function() {
    $('.popup-youtube').magnificPopup({
      disableOn: 700,
      type: 'iframe',
      mainClass: 'mfp-fade',
      removalDelay: 160,
      preloader: false,
      fixedContentPos: false
    });
  });
</script>

看起来效果很好但是......

弹出窗口打开OK，1秒内显示内部视频（有时只能看到它），而不是在弹出窗口内开始播放，页面在Youtube视频页面上重新加载：（

您可以在以下位置查看实施：

http://beta.clipsterapp.com/

任何想法，德米特里？我做了很多搜索，但没有人遇到这个特定的问题..

提前致谢！

Answer 1

您可以尝试添加event.preventDefault();

<script type="text/javascript">
$(document).ready(function(event) {
   event.preventDefault();
   $('.popup-youtube').magnificPopup({
     disableOn: 700,
     type: 'iframe',
     mainClass: 'mfp-fade',
     removalDelay: 160,
     preloader: false,
     fixedContentPos: false
   });
});
</script>