Html5的video标签自动填充满父div的大小 - 夏目友人帐

Html5的video标签自动填充满父div的大小

"夏目贵志" 发表于: 2018年07月03日

想要video能自动填充慢父div的大小,只要给video标签加上style="width= 100%; height=100%; object-fit: fill"即可。

object-fit语法
object-fit属性的语法非常的简单:

object-fit:fill | contain | cover | none | scale-down 

object-fit取值说明
object-fit主要适合于替换元素,比如:<video>、<object>、、<input type="image">、<svg>、<svg:image>和<svg:video>等。其默认值为fill。object-fill取值的说明如下:

想要video能自动填充慢父div的大小,只要给video标签加上style="width= 100%; height=100%; object-fit: fill"即可。

object-fit语法
object-fit属性的语法非常的简单:

object-fit:fill | contain | cover | none | scale-down 

object-fit取值说明
object-fit主要适合于替换元素,比如:<video>、<object>、、<input type="image">、<svg>、<svg:image>和<svg:video>等。其默认值为fill。object-fill取值的说明如下:

文章作者:yoyo_wu1986

原文链接:https://blog.csdn.net/wuqingyou_w/article/details/51671356

著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

添加新评论

已有 4 条评论

  1. 沉寂好久了,出差还没完事,抽空过来串个门

  2. object-fit 又看到一个新知识,记下来

  3. 直接width 100%就可以了吧,不过这个参数还真没用过

  4. object-fit 属性。