为什么HTML视频标签有默认大小并且可以控制？

Question

我在使用 HTML5 视频时遇到问题，该视频让我发现video标签元素的默认大小为 300x150，即使没有提供源或大小也是如此。这是显示该行为的简短片段。

<video style="background-color: red;">
</video>
<div style="background-color: blue;">
</div>

在这里摆弄

我使用div相同的 CSS 包含了标签，并且默认设置为 0px by 0px。我已经在 Firefox 和 Chrome 中对此进行了测试。如果video在 Chrome 调试器中更改一个轴元素的尺寸，则另一个轴也会更改以保持 2-1 比例（这也适用于添加样式设置 width: 100%）。

此行为是否记录在任何地方？我无法找到任何关于它发生的原因以及它是否可以控制的信息。我想设置视频的默认宽高比，以避免元素在没有源或海报时重新缩放。我注意到在视频加载后的单个帧期间发生了这种情况：海报被隐藏，但视频内容尚未显示，导致视频重新缩放到默认大小。我通过将背景图像设置为与海报相匹配来避免视频变白，但由于宽高比更改为 2-1，因此在第一帧期间会出现明显的“闪烁”。能够将默认宽高比设置为 16-9 可以解决此问题。

Answer 1

尝试这个：

<video width="300" height="200" controls><source src="path" type="video/mp4"></video>