元のサイズが 1920x1080 のビデオがあります。基本設定チュートリアルの 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,
私は何を間違っていますか?