我有一个原始尺寸1920×1080的视频。 我使用从基本设置教程中的CSS,但试图在CSS中默认的高度设置为1080:
.videogular-container {
width: 100%;
height: 1080px;
margin: auto;
overflow: hidden;
}
@media (min-width: 1200px) {
.videogular-container {
width: 1170px;
height: 658.125px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.videogular-container {
width: 940px;
height: 528.75px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.videogular-container {
width: 728px;
height: 409.5px;
}
}
这似乎是溢出的东西 - 它只是隐藏视频的其余部分,而不是实际调整其大小。
在配置我已经这样设置:
width: 1920,
height: 1080,
responsive: true,
我究竟做错了什么?