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

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

试图让YouTubevideo正常工作时遇到了麻烦,设置就像这样。

网站内容使用.load()加载,对于video页面,它包含一个无序的YouTubevideo链接列表,每个video都有一个空

用于 。 点击链接会增加

  • 并将嵌入video中。

    一切正常,除了不会加载源,抛出此错误。

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

    还尝试将添加到

  • display: none; 结果相同。

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

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

    该错误意味着该文档只能用作位于www.youtube.com的文档中的iframe

    请改用嵌入代码的URL:

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

    它将发送一个值为ALLOWALLX-Frame-Options -header

    您只需要复制Youtube Embed部分(点击video下方的SHARE,然后点击EMBED并复制整个iframe)。 您无法直接从url添加youtube链接