Magnific Popup仅大屏正常工作，小屏跳转新链接问题求助

问题根源在于你配置里的disableOn: 1000参数——这个设置的作用是：当屏幕宽度小于1000px时，自动禁用弹窗功能，触发<a>标签的默认跳转行为，所以小屏测试人员点击后会直接打开视频链接。

下面是几种解决方案：

方案1：完全禁用小屏限制 #

移除disableOn参数，让所有屏幕尺寸都触发弹窗：

$(function() {
    $('.popup-video').magnificPopup({
        type: 'iframe',
        mainClass: 'mfp-fade',
        removalDelay: 160,
        preloader: false,
        fixedContentPos: false
    });
});

方案2：调整阈值到更小尺寸 #

把阈值改到手机常用的宽度以下，比如320px，只有极小屏幕才禁用弹窗：

$(function() {
    $('.popup-video').magnificPopup({
        disableOn: 320,
        type: 'iframe',
        mainClass: 'mfp-fade',
        removalDelay: 160,
        preloader: false,
        fixedContentPos: false
    });
});

方案3：自定义禁用逻辑 #

如果需要更灵活的控制，比如根据设备类型判断，可以用函数替代固定数值：

$(function() {
    $('.popup-video').magnificPopup({
        disableOn: function() {
            // 示例：始终启用弹窗（返回false表示不禁用）
            return false;
            // 也可以写自定义判断，比如：return /Android|webOS|iPhone/.test(navigator.userAgent);
        },
        type: 'iframe',
        mainClass: 'mfp-fade',
        removalDelay: 160,
        preloader: false,
        fixedContentPos: false
    });
});

额外提示：用iframe类型加载本地MP4可能存在部分浏览器兼容性问题，若遇到播放异常，可以尝试改用type: 'inline'，并在弹窗内嵌入<video>标签实现播放。

内容的提问来源于stack exchange，提问作者Gab