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

使用//www.youtube.com/embed/C8kSrkz8Hz8

更改您的src

您的代码应如下所示

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

在“共享”菜单上的youtube上的每个视频下查找代码。

Answer 2

当您尝试将整个YouTube页面放入iframe时，它会发送一个名为X-Frame-Options的HTTP标头，其中包含SAMEORIGIN值，告知浏览器该页面只能显示在框架与页面本身的原点相同。

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

在这种情况下，嵌入代码将是：

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

Answer 3

用这个替换你的iframe。这适合你。

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

缺少attributes：frameborder="0"，allowfullscreen

Answer 4

您应该更改youtube网址以删除“s”，因此它看起来像这样：

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

您还应该能够从页面嵌入YouTube视频。请参阅附件截图：

Answer 5

我以这种方式尝试过并为我工作。更改您的src =“ https://www.youtube.com/embed/C8kSrkz8Hz8” 遵循其他参数。