[H5]<video>标签的poster属性图片铺满

2019-01-31 本文已影响2人废柴码农

在用<video>标签的时候发现图片不能平铺整个屏幕，后来查了一下需要用到object-fit属性
从MDN上查到的属性内容如下：
object-fit CSS 属性指定可替换元素的内容应该如何适应到其使用的高度和宽度确定的框。

MDN上object-fit属性.png

设置成fill平铺就可以了，代码如下：

video{
    width:100%;
    height:100%;
    object-fit:fill;  
}