关于轮播图内嵌video设置宽高不生效的问题

在一个PC的展示网站轮播banner内嵌视频的时候遇到了这个问题，

问题描述：在css设置video宽高100%的情况下视频没有全屏显示


然后经过查询资料就发现了一个属性 object-fit: fill;
先放上修改后的效果图

可以看到视频是已经完全填充了浏览器的
接下来就来细扒一下这个属性，

首先来了解一下可替换元素：

	展现效果不是由 CSS 来控制的元素。这些元素是一种外部对象，它们外观的渲染，是独立于 CSS 的。
	典型的可替换元素有：iframe、video、embed、img。