1/* The object-fit property defines how an element responds to the height
2and width of its content box.*/
3
4/* A box you would like to place the video in*/
5.wrapper {
6 width: 600px
7 height: 300px;
8}
9
10.wrapper_video > video {
11 width: 100%;
12 height: 100%;
13 object-fit: cover;
14}
1/* Using fill-available on the max-width property */
2
3/* A box you would like to place the video in*/
4.wrapper {
5 width: 600px
6 height: 300px;
7}
8
9.wrapper_video > video {
10 width: 100%;
11 max-width: -webkit-fill-available;
12 max-width: fill-available;
13}