我有一个视频元素,设置为容器div的100%宽度。该div具有最大宽度为800px和最小宽度为400px。当调整浏览器大小时,我需要视频元素重新调整大小,同时保持其原始宽高比。目前它会按照宽度进行调整,但保留其原始高度,从而在上下添加letterbox条以弥补。
是否可以动态调整视频元素大小,而无需使用Javascript?
height
- 对我来说,以下CSS有效:video {
width: 100%;
}
div {
max-width: 800px;
min-width: 400px;
}
height: auto
到视频中,可能需要使用!important
来查看是否在其他地方设置了它。