video failing to scale with div css background

Solutions on MaxInterview for video failing to scale with div css background by the best coders in the world

showing results for - "video failing to scale with div css background"
Isabell
26 Jan 2020
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}
Sebastián
02 Jan 2019
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}