放大弹出生成“;找不到文件”;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

您是否试图从本地文件查看视频？YouTube播放器屏蔽了它。（文件：///）你必须从网络服务器上测试他们的视频。（http（s）：//）

Answer 2

由于某些原因，您无法从localhost加载youtube或vimeo视频，请使用代码编辑器（如括号），因为它有一个内置的服务器。如果你使用"实时预览"，你可以看到你的视频工作。

Answer 3

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

尝试

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