H5W3
当前位置:H5W3 > JavaScript > 正文

页面嵌入YouTube视频报错Refused to display document because display forbidden by X-Frame-Options

一旦用户提供了指向视频的链接,我就会尝试将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方法将视频嵌入到我的页面上。

中看到问题

  • Firefox 11
  • Chrome 18.0
  • IE 8

有人遇到这个问题吗?

最佳答案

您要设置为iframe来源的页面(Youtube /watch页面)不想嵌入到您的页面中。您不能强制它这样做。

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

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

本文地址:H5W3 » 页面嵌入YouTube视频报错Refused to display document because display forbidden by X-Frame-Options

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址