大橙子网站建设,新征程启航

为企业提供网站建设、域名注册、服务器等服务

html5中设置视频宽高的方法

这篇文章主要介绍html5中设置视频宽高的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

创新互联建站自2013年起,先为阿克苏等服务建站,阿克苏等地企业,进行企业商务咨询服务。为阿克苏企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

平常我们都是这样进行设置的:

但是有的时候发现设置了视频的高度却并没有发生变化,我们可以设置其父元素的宽高,让video填充满父元素。只要给video标签加上style="width= 100%; height=100%; object-fit: fill"即可。

object-fit语法

object-fit:fill | contain | cover | none | scale-down

object-fit取值说明

object-fit主要适合于替换元素,比如: