0
私はこのビデオを、全画面ではなく、近いものにします。 16：9のアスペクト比を維持したいのですが、ビデオと画面の端の間には常にパディングやスペースが必要です。だから私は今、https://jsfiddle.net/99yen3v3/、幅と高さに応じて16：9のアスペクト比を維持します
width: 80vw;
height: 45vw;
のdivです。 Webブラウザを水平方向に縮小するとうまく動作し、ビデオdivは16：9のアスペクト比を維持します。唯一の問題は、Webブラウザーを垂直方向に縮小すると、ビデオが画面からゆっくりと消えてしまうことです。 Webブラウザを縦方向に縮小したときに同じパディングがあることを確認してください。
ご不明な点や混乱している場合は、お尋ねください。助けていただければ幸いです。
EDIT1：すでにthis postをチェックアウトしていますが、唯一の違いは、その例では1：1の比率を使用していますが、私の場合は16：9の方が難しいです。
EDIT2：私の質問は、this oneの複製ではありません。私は、ブラウザウィンドウの高さによってdivが含まれるようにしたいと明確に述べました。
[CSSでdivの縦横比を維持する]（https://stackoverflow.com/questions/1495407/maintain-the-aspect-ratio-of-a-div-with-css） – Steve
@スティーブ・ノープ、重複ではありません。 'width：100％;を使用します。パディング・ボトム：56.25％はまだ私が探しているものを手に入れません。ブラウザの高さをスケールして小さくすると、divが画面から外れます。 – Jacob