javascript - iframe 在 IE8 中不显示视频

Question

我有一个 iframe，它将播放点击的视频。

我试过了

var iFrameWindow = document.getElementById("xFrame");
iFrameWindow.src = videoSrc;

这里的videoSrc是一个包含视频源的var。

这是一个示例videoSrc:

http://www.youtube.com?v=123sd

我也尝试过 jQuery 版本。

两者在 Chrome 中都能完美运行，但在 IE8 中却是这样的

This content cannot be displayed in a frame

可能是什么问题？

Answer 1

您收到与 X-Frame-Options 相关的错误消息 header 不允许页面框架。您应该在其他浏览器中收到类似的错误，而不仅仅是 IE。

在您的示例中，您使用的是 YouTube 的非嵌入网址。 YouTube 上除嵌入式播放器页面外的所有页面都会发送 X-Frame-Options: SAMEORIGIN header ，以防止框架。

嵌入 URL 遵循以下约定:

https://www.youtube.com/embed/abc123

YouTube URL 上的 View 遵循以下约定:

https://www.youtube.com/watch?v=abc123

如果您想为 YouTube 视频添加框架，则必须使用嵌入 URL。