javascript - 如何在页面加载时打开巨大的弹出窗口？

我正在使用Magnific Popup，我想在页面加载弹出窗口后立即播放视频。

我让插件正常工作，但是我不知道如何在页面加载后立即弹出它，而无需单击缩略图。

我四处寻找解决方案，但没有设法使它起作用。

最佳答案

如果您使用的是jQuery，则可以只监听窗口加载事件，然后为您的Magnific Popup调用open方法，如下所示:

(function($) {
    $(window).load(function () {
        // retrieved this line of code from http://dimsemenov.com/plugins/magnific-popup/documentation.html#api
        $.magnificPopup.open({
            items: {
                src: 'someimage.jpg'
            },
            type: 'image'

          // You may add options here, they're exactly the same as for $.fn.magnificPopup call
          // Note that some settings that rely on click event (like disableOn or midClick) will not work here
        }, 0);
    });
})(jQuery);