页面加载时出现放大弹出youtube视频错误

error on magnific popup youtube video on page load

本文关键字：youtube 视频 错误 放大 加载      更新时间：2023-09-26

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

我在以下参考资料中找不到任何解决方案：如何加载页面加载放大弹出。

这是代码：

$(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

为什么希望问题中的代码能够工作？与中一样，是什么让您认为这些是传递给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类的外观）。所以从我所看到的，你只是错误地调用了这个方法。

相关文章：