video failing to scale with div css background
/* The object-fit property defines how an element responds to the height
and width of its content box.*/
/* A box you would like to place the video in*/
.wrapper {
width: 600px
height: 300px;
}
.wrapper_video > video {
width: 100%;
height: 100%;
object-fit: cover;
}
3.67
3
/* Using fill-available on the max-width property */
/* A box you would like to place the video in*/
.wrapper {
width: 600px
height: 300px;
}
.wrapper_video > video {
width: 100%;
max-width: -webkit-fill-available;
max-width: fill-available;
}
Thank you!
3
3.67
(3 Votes)
0
Are there any code examples left?
New code examples in category CSS
