当前位置: 首页 > 面试题库 >

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

昝涛
2023-03-14
问题内容

一旦用户提供了指向视频的链接,我就会尝试将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来源的/watch页面(Youtube 页面)不想嵌入到页面中。您不能强迫它这样做。

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

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


 类似资料:
  • 我在使用Microsoft登录的项目中使用单曲,现在我试图在这个网站上使用yammer嵌入,但它给出了以下错误。 拒绝显示https://login.microsoftonline.com/common/oauth2/authorize?client_id=xxxx 有人能帮我吗。

  • 我正在开发一个网站,应该是响应,以便人们可以从他们的手机访问它。该网站有一些安全的部分,可以登录使用谷歌,脸书等(OAuth)。 服务器后端使用ASP.NET Web API 2开发,前端主要使用AngularJS和一些剃刀。 现在,就我而言,我不在HTML文件中使用任何iframe。 我搜索了一下,但没有答案让我解决这个问题。

  • 问题内容: 我正在开发一个响应迅速的网站,以便人们可以通过手机访问该网站。该网站有一些安全部件,可以使用Google,Facebook等…(OAuth)登录。 服务器后端是使用ASP.Net Web API 2开发的,前端主要是带有Razor的AngularJS。 对于身份验证部分,在包括Android在内的所有浏览器中,一切都可以正常工作,但Google身份验证在iPhone上无法正常工作,这给

  • 问题内容: 我正在尝试将YouTube视频源放入HTML5标签,但似乎不起作用。经过一番谷歌搜索,我发现HTML5不支持YouTube视频URL作为来源。 您可以使用HTML5嵌入YouTube视频吗?如果没有,是否有任何解决方法? 问题答案: 第1步:添加到您喜欢的YouTube网址 步骤2:在来源中寻找标签 第3步:添加到视频标签: 例: 注意那里似乎有些东西。我不知道该字符串可以工作多长时间

  • 问题内容: 我正在写一个通过jQuery动态加载内容的网站。这样做的原因是使音频播放器保持运行状态,同时无需刷新即可浏览页面内容。 尝试使YouTube视频正常工作会遇到麻烦,它的设置是这样的。 网站内容是使用.load()加载,并为视频页面包含的链接到YouTube视频的无序列表,每一个空的的。点击链接可放大并将其嵌入视频。 一切正常,除了不会加载源,引发此错误。 **拒绝 在框架中显示“ 也试

  • 所述X-Frame-OptionsHTTP 响应报头可以被用来指示一个浏览器是否应该被允许在一个以呈现页面<frame>,<iframe>或<object>。通过确保其内容未嵌入其他网站,网站可以使用此功能来避免 点击劫持 攻击。 只有当访问文档的用户使用浏览器支持时才提供附加的安全性X-Frame-Options。 Header type Response header Forbidden he