我正在编写一个通过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相同的域名政策,但这超出了我的范围。谷歌搜索错误让我相信它是服务器端的东西?但这没有任何意义。
难以摆弄这样的东西,希望它有意义。
答案 0 :(得分:34)
错误表示该文档只能用作位于www.youtube.com
的文档中的iframe请改用嵌入代码的网址:
http://www.youtube.com/embed/myvideo
它会发送X-Frame-Options
- 标头,其值为ALLOWALL
答案 1 :(得分:1)
您只需复制Youtube Embed部分(点击视频下方的SHARE,然后点播EMBED并复制整个iframe)。您无法直接从网址
添加youtube链接