Css HTML5视频：调整大小时保留纵横比
我在一个容器div中有一个视频元素设置为100%宽度。该div的最大宽度为800px，最小宽度为400px。调整浏览器大小时，我需要调整视频元素的大小，同时保留其原始纵横比。目前，它在宽度上调整了大小，但仍保持原来的高度，在其上方和下方添加了信箱栏以弥补其不足 是否可以像这样动态调整视频元素的大小而不使用Javascript？根据，这应该像您期望的那样工作：因为视频具有Css HTML5视频：调整大小时保留纵横比,css,video,html,Css,Video,Html,我在一个容器div中有一个视频元素设置为100%宽度。该div的最大宽度为800px，最小宽度为400px。调整浏览器大小时，我需要调整视频元素的大小，同时保留其原始纵横比。目前，它在宽度上调整了大小，但仍保持原来的高度，在其上方和下方添加了信箱栏以弥补其不足 是否可以像这样动态调整视频元素的大小而不使用Javascript？根据，这应该像您期望的那样工作：因为视频具有自动的高度和设置的宽度，并且它具有（与视频一样），所以使用的高度值应该基于这些值计算。确保您没有在任何地方指定高度-以下CSS对
自动的高度和设置的宽度，并且它具有（与视频一样），所以使用的高度值应该基于这些值计算。确保您没有在任何地方指定高度
-以下CSS对我有效：
video {
width: 100%;
}
div {
max-width: 800px;
min-width: 400px;
}
尝试将height:auto
显式添加到视频中-可能使用！重要信息
查看它是否在其他地方设置。您将高度设置为什么？这是一个静态测量吗？嗯。看起来很有效，但现在海报图像没有随之调整大小。明白了。这是我用于添加自定义控件的库的一个问题。谢谢你的帮助！