zoukankan      html  css  js  c++  java
  • video 铺满父元素(object-fit: fill;)

     遇到这个属性,是在给video 嵌入一个div时,导致video播放器上下有灰色。在控制台查看video默认样式的时候看到了这个属性。

    播放器上下的灰色,不是我们想要的样式,如果能完全覆盖就更好了。

    下图是我用object-fit:fill进行修改的

     .a{
                position: relative;
                 320px;
                height: 200px;
                background-color: #B4B4B4;
                border-top-left-radius: 12px;
                border-top-right-radius: 12px;
                video {
                   object-fit: fill;
                    border-top-left-radius: 12px;
                    border-top-right-radius: 12px;
                     100%;
                    height: 200px;
                }
  • 相关阅读:
    自介
    打招呼
    试验四
    作业:实验二
    个人简介
    实验4
    构建之法—心得体会
    作业:实验二
    个人简介
    软件测试第四次博客作业2
  • 原文地址:https://www.cnblogs.com/xiaosuibu/p/8196182.html
Copyright © 2011-2022 走看看