HTML5 video标签的poster属性图片铺满整个屏幕

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

设置成fill平铺就可以了,代码如下:
video{
    width:100%;
    height:100%;
    object-fit:fill;  
}
 
本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

相关文档推荐

我们在用到HTML5 video视频视频标签时候,需要将视频添加封面图片,这个要怎么操作呢?通常情况下,网站的视频都使用VIDEO标签来播放了,给VIDEO标签视频添加封面图片,只需要给代码添加一个poster属性。代码如下: video poster="images/spbg.jpg" src="abou