video 鋪滿父元素（object-fit: fill;）

 

 

 

 遇到這個屬性，是在給video 嵌入一個div時，導致video播放器上下有灰色。在控制台查看video默認樣式的時候看到了這個屬性。

播放器上下的灰色，不是我們想要的樣式，如果能完全覆蓋就更好了。

下圖是我用object-fit:fill進行修改的

 .a{
            position: relative;
            width: 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;
                width: 100%;
                height: 200px;
            }