html - iframe 是否需要宽度/高度？

Question

我和一个认识的人进行了长时间的讨论。他坚持使用 iframe 将 YouTube 视频嵌入为:

<iframe style=”width: 560px; height: 315px; border: none;” src=”http://www.youtube.com/embed/bla-bla-bla?rel=0″></iframe>

这确实适用于某些视频，但不适用于所有视频。

Youtube 提供了以下嵌入代码:

<iframe src="http://www.youtube.com/embed/bla-bla-bla?rel=0" height="315" width="560" allowfullscreen="" frameborder="0"></iframe>

这显然工作正常。

我试图在 iframe 规范中查找是否需要 width 和 height。如果没有提供它们会发生什么。但是找不到相关资料。

有人能帮我解释一下为什么第一个变体并不总是有效，而据我所知，第二个变体更好吗？

编辑1:

所以正确答案如下。我只想评论我是如何得到那些错误的 curl 符号的。一个基于 WordPress 的站点的指南为用户提供了这些代码片段。那个特定的网站(或者它的 css；或者一般的 wordpress)不区分弯引号和直引号，总是显示弯引号。因此，当用户复制粘贴代码时 - 它不起作用。

Answer 1

根据我们在评论中的讨论，问题是由第一个示例中的弯引号引起的:

<iframe style=”width: 560px; height: 315px; border: none;”
    src=”http://www.youtube.com/embed/bla-bla-bla?rel=0″></iframe>

更改为直引号修复了它:

<iframe style="width: 560px; height: 315px; border: none;"
    src="http://www.youtube.com/embed/bla-bla-bla?rel=0"></iframe>

使用 W3C Validation Service 验证您的 HTML 很有帮助.这会捕获此错误和许多其他错误。