8

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

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

网站内容是使用 .load() 加载的,对于视频页面,它包含指向 YouTube 视频的链接的无序列表,每个链接都有一个空<div><iframe>'s。单击链接会增长<li>并嵌入<iframe>视频。

一切正常,除了<iframe>不会加载源,抛出这个错误。

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

也尝试添加<iframe><li>具有display: none;相同的结果。

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

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

4

2 回答 2

34

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

请改用嵌入代码的 URL:

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

它将发送X-Frame-Options一个值为ALLOWALL

于 2013-08-08T22:04:32.567 回答
1

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

于 2015-11-15T21:25:34.200 回答