让video宽高撑满父级

开发中大量使用了video标签,video标签比较有个性,就算你设置了固定的宽高,它依然会根据其中一个属性来自己缩放,所以总会出现空白间隙,如何使video能够自适应的撑满整个父级容器呢。

这里可以给video样式加上 object-fit:cover;属性 如此video即可实现自适应宽高

外层的父级样式
.initial-video{
width: 100%;
height: 100%;
position: fixed;
background-color: #000;
z-index: 3;
}
video适应父级的样式
.initial-video video{
width: 100%;
height: 100%;
object-fit: cover;
}

object-fit有以下几个属性
fill: 中文释义“填

让video宽高撑满父级最先出现在Python成神之路

版权声明:
作者:cc
链接:https://www.techfm.club/p/9226.html
来源:TechFM
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>