html:iframe没有在html中显示内容

Question

我想在html 4中显示youtube视频.因为我正在使用iframe.但是iframe的内容没有显示出来.

<iframe frameborder="1" width="420" height="345" src="https://www.youtube.com/watch?v=C8kSrkz8Hz8"></iframe>

我使用的是Firefox 29.0和Chrome 35.0.两个浏览器都显示相同的结果.

Answer 1

改变你的src //www.youtube.com/embed/C8kSrkz8Hz8

你的代码应该是这样的

<iframe frameborder="1" width="420" height="345" src="//www.youtube.com/embed/C8kSrkz8Hz8"></iframe> 

在共享菜单中查找每个视频下的代码.

Answer 2

当您尝试将整个YouTube页面放入iframe时,它会发送一个名为HTTP的标头X-Frame-Options,该标头SAMEORIGIN告诉浏览器该页面只能显示在与页面本身相同的原始帧中.

您应该使用提供的嵌入代码(您可以在每个YouTube视频下方找到它),这也是一个iframe,但使用不同的网址.它只会显示玩家.

在这种情况下,嵌入代码将是:

<iframe width="560" height="315" src="//www.youtube.com/embed/C8kSrkz8Hz8" frameborder="0" allowfullscreen></iframe>