Magnific Popup 不适用于移动设备

Question

华丽的弹出窗口似乎在台式机和 Android 手机上运行良好，但在 iPhone 上它显示消息“此网页出现问题，因此已重新加载”并且不播放 Vimeo 视频。

更新：刚刚在我的 iPhone 上的 Chrome 上试了一下，效果很好。看起来它只是Safari？

这是 HTML 代码：

<ul id="page1-slider7" class="bxslider">
    <li>
        <div class="c c1"><a href="http://vimeo.com/80951188" target="_blank" class="portfolio-link video">Watch Video</a><img src="images/sidecar/video/SmuinXXmas.jpg" /></div>
    </li>
    <li>
        <div class="c c2"><a href="http://vimeo.com/119386830" target="_blank" class="portfolio-link video">Watch Video</a><img src="images/sidecar/video/SunrunBrilliant.jpg" /></div>
    </li>
    <li>
        <div class="c c3"><a href="http://vimeo.com/151719496" target="_blank" class="portfolio-link video">Watch Video</a><img src="images/sidecar/video/PIER_BOGO_Video.jpg" /></div>
    </li>
</ul>

js文件

var initPopup = function(){
    $('.portfolio-link.video').magnificPopup({
        disableOn: 400,
        type: 'iframe',
        mainClass: 'mfp-fade',
        removalDelay: 160,
        preloader: false,
        fixedContentPos: true
    });
}

有人有这个问题吗？提前致谢！

Answer 1

删除此属性“disableOn: 400”

只保留下面的代码。

jQuery('.portfolio-link.video').magnificPopup({
    type: 'iframe',
    mainClass: 'mfp-fade',
    removalDelay: 160,
    preloader: false,
    fixedContentPos: true
});