在页面加载时加载放大的弹出窗口

Question

我正在开发一个网站，该网站希望在有人使用magnific popup 打开页面（延迟 5 秒）时显示 youtube 视频。

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

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

Answer 1

它正在工作，您正在将华丽的弹出窗口绑定到班级。如果您要将 div 更改为锚链接，它将打开。

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

$.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);