AJAX和YouTube:'X-Frame-Options'到'SAMEORIGIN'。

时间:2013-08-08 21:53:37

标签: jquery ajax iframe youtube

我正在编写一个通过jQuery动态加载内容的网站。这样做的原因是让音频播放器保持运行,同时能够在不刷新的情况下浏览页面内容。

试图让YouTube视频正常工作时遇到了麻烦,设置就是这样。

使用.load()加载网站内容,对于视频页面,它包含一个无序的YouTube视频链接列表,每个视频的<div><iframe>。点击链接会增加<li>并将<iframe>嵌入视频。

一切正常,但<iframe>不会加载源,抛出此错误。

拒绝在相框中显示“http://www.youtube.com/watch?v=myvideo”,因为它将“X-Frame-Options”设置为“SAMEORIGIN”。

还尝试将<iframe>添加到<li> display: none;,结果相同。

我以为我理解了javascript相同的域名政策,但这超出了我的范围。谷歌搜索错误让我相信它是服务器端的东西?但这没有任何意义。

难以摆弄这样的东西,希望它有意义。

2 个答案:

答案 0 :(得分:34)

错误表示该文档只能用作位于www.youtube.com

的文档中的iframe

请改用嵌入代码的网址:

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

它会发送X-Frame-Options - 标头,其值为ALLOWALL

答案 1 :(得分:1)

您只需复制Youtube Embed部分(点击视频下方的SHARE,然后点播EMBED并复制整个iframe)。您无法直接从网址

添加youtube链接