嵌入youtube视频“拒绝显示文档,因为X-Frame-Options禁止显示”

2022-08-30 09:07:36

我正在尝试在用户提供视频链接后将YouTube视频嵌入到我的页面上。

<iframe width=\'560\' height=\'315\' src='http://www.youtube.com/watch?v=<video id>&amp;output=embed' frameborder=\'0\' allowfullscreen></iframe>

但是当我尝试添加此内容时,我收到此错误。在chrome中检查页面后,我在控制台选项卡中看到此错误

“由于 X-Frame-Options 禁止显示文档,因为显示文档”

我甚至无法在和中看到视频IEFirefox

我甚至尝试添加

 header('X-Frame-Options:Allow-From http://www.youtube.com'); 
 header('X-Frame-Options:GOFORIT);
 &amp;output=embed to the url

阅读其他帖子中的某些解决方案后。

但我仍然得到同样的错误。

我还看到youtube具有对象嵌入方法来显示视频,但是youtube已经将其作为嵌入视频的旧方法。因此,我想使用新的iframe方法将视频嵌入到我的页面上。

问题出现在

  • 火狐 11
  • 铬 18.0
  • IE 8

有人遇到过这个问题吗?


答案 1

您设置为 iframe 源的页面(Youtube 页面)不希望嵌入到您的页面中。你不能强迫它让你这样做。/watch

要嵌入的正确 URL 的格式为:

https://www.youtube.com/embed/<video-id>

在您的情况下

https://www.youtube.com/embed/oHg5SJYRHA0

答案 2

当您从 YouTube 上复制视频链接时:"https://www.youtube.com/watch?v=Fva3fgKmu3o"

  • 将“监视”替换为“嵌入”'

  • 删除“?v=”

最后一个例子:"https://www.youtube.com/embed/Fva3fgKmu3o"