magnific-popup会为YouTube视频生成“找不到文件”错误

Question

我正在制作一个包含YouTube视频的弹出窗口。我的代码是

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

我得到一个弹出窗口，上面写着The file or directory could not be found.我错过了什么或做错了什么？我尝试了多种类型的YouTube链接;都会导致同样的错误。

Answer 1

出于某种原因，您无法从localhost加载youtube或vimeo视频，请使用代码编辑器，例如brackets它有一个内置服务器。如果您使用“实时预览”，您可以看到您的视频正常工作。

Answer 2

将type:'iframe'放在items对象中。

试

$(document).ready(function() {
  $('#vid1').magnificPopup({
    items:{
      src: 'http://www.youtube.com/watch?v=0O2aH4XLbto',
      type:'iframe'
    },

  });
});