在页面加载时加载华丽的弹出窗口

Question

我正在开发一个网站，当有人使用 magnific popup.

打开页面（延迟 5 秒）时，我想显示一个 YouTube 视频

这是有效的代码（感谢@Yoink！）

 setTimeout(function(){
  $.magnificPopup.open({
      items: {
          src: 'http://www.youtube.com/watch?v=0O2aH4XLbto'
      },
      type: 'iframe'
  });
}, 5000)

Answer 1

它正在运行，您正在将 magnific 弹出窗口绑定到 class。如果您将 div 更改为锚点 link，它将打开。

如果您希望弹出窗口出现在 window 加载时，请使用以下命令：

$.magnificPopup.open({
    items: {
        src: 'http://www.youtube.com/watch?v=0O2aH4XLbto'
    },
    type: 'iframe'
});

对于延迟，我在文档中看不到它的任何内容，我可能错过了它，但您可以改为执行以下操作。

 setTimeout(function(){
      $.magnificPopup.open({
          items: {
              src: 'http://www.youtube.com/watch?v=0O2aH4XLbto'
          },
          type: 'iframe'
      });
 }, 5000);

在页面加载时加载华丽的弹出窗口

Load magnific popup on page load

javascript

jquery

html

css

magnific-popup