在用<video>标签的时候发现图片不能平铺整个屏幕，后来查了一下需要用到object-fit属性
从MDN上查到的属性内容如下：
object-fit CSS 属性指定可替换元素的内容应该如何适应到其使用的高度和宽度确定的框。
MDN上object-fit属性.png
设置成fill平铺就可以了，代码如下：
video{
width:100%;
height:100%;
object-fit:fill;
}
参考网址https://developer.mozilla.org/zh-CN/docs/Web/CSS/object-fit
在用 标签的时候发现图片不能平铺整个屏幕，后来查了一下需要用到object-fit属性从MDN上查到的属性内容如下...
在做H5视频播放，Video标签设置poster属性后，图片无法自适应Video大小，如下 给Video标签设置 ...
在做H5视频播放，Video标签设置poster属性后，图片无法自适应Video大小，如下 给Video标签设置 ...
在做H5视频播放，Video标签设置poster属性后，图片无法自适应Video大小，如下 最后给Video标签设...
你只需要在meta区域加入下方代码（加入后会导致无法统计）： 本文只做日常记录，具体原因请去查看此“meta”的属性功能
今天学习H5基础知识，标签属性，在学习img时出现，照片无法显示!遇到2个小问题， 图片src图片是绝对路径的时候...
1.标签 : 画布标签 （H5新增的标签） 2.属性 width 宽 height 高 st...
大家都知道，在H5中调用本地静态资源引入图片，是通过 img 标签的 src 属性： 使用vue项目开发中，很多人...
a标签中的 download 属性是 h5 的标准MDN 对于 a 标签中 download 的说明：https:...
poster是后台图片字段
本文标题：[H5]<video>标签的poster属性图片铺满
本文链接：https://www.haomeiwen.com/subject/qfbksqtx.html
网友评论