javascript - 页面加载时出现放大的 YouTube 视频弹出错误

Question

我发现使用 magnificpopup 加载 YouTube 视频很困难。

我在以下引用文献中找不到任何解决方案: how to load magnific popup on page load .

代码如下:

$(document).ready(function(){
    $.magnificPopup.open({
    disableOn: 700,
    type: 'iframe',
    removalDelay: 160,
    preloader: true,
    fixedContentPos: false,
     iframe: {
        patterns: {
            youtube: {
                index: 'https://youtube.com/', 
                id: 'v=somevideo', 
                src: 'http://www.youtube.com/embed/%id%?autoplay=1' 
            }
        }
    }
});
}); 

我需要在页面加载时加载视频。它抛出一个错误，指出:

Uncaught TypeError: Cannot read property 'parsed' of undefined

Answer 1

为什么您希望问题中的代码能够正常工作？例如，是什么让您认为这些是传递给 magnificPopup.open 函数的一组很好的属性？

我已经查看了 http://dimsemenov.com/plugins/magnific-popup/ 中的文档/示例，而且我看不到涉及传递 iframe 属性的示例。

针对 YouTube 视频给出的示例将处理程序附加到 href 元素:

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

        fixedContentPos: false
    });
});

(以及一些样式选项来指定 mfp-fade 类的外观)。因此，从我看来，您只是错误地调用了该方法。