回答編集履歴

1

変更

2021/08/05 03:59

投稿

webgoto
webgoto

スコア1293

test CHANGED
@@ -1,8 +1,8 @@
1
- max-widthとpadding-topを同じ要素に適用しているのが原因です。
1
+ `max-width``padding-top`を同じ要素に適用しているのが原因です。
2
2
 
3
3
  `padding-top: 56.25%`は親要素の横幅の56.25%という意味です。
4
4
 
5
- 現状windowが親要素に当たるので、max-widthで途中から横幅を固定しても、ウィンドウ広げ続けると、ビデオの高さは広がります。
5
+ 現状bodyが親要素に当たるので、`max-width`で途中から横幅を固定しても、ウィンドウ広げ続けると、ビデオの高さは広がります。
6
6
 
7
7
  親要素を作ってそちらにmax-widthを設定すれば良いと思います。
8
8