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;  
}
 
本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

相关文档推荐

首先,在网站首页或其他页面中插入一个canvas元素,让用户能够看到动画特效。
CSS3动画指的是使用CSS3语法实现的动画效果,可以通过CSS3中提供的关键帧动画、过渡、变换等功能制作出各种复杂的动画效果。
下面我将为您详细讲解“JavaScript+html5 canvas制作的百花齐放效果完整实例”的完整攻略。
移动端刮刮乐的实现方式主要涉及到HTML5的canvas绘图和JavaScript的事件监听与操作,以下是完整攻略的步骤和示例说明。
基于HTML5+Webkit实现树叶飘落动画可以分为以下步骤: