如何检查视频是否支持对象

Question

我使用视频作为背景，并使用object-fit属性设置其样式：

@supports(object-fit: cover) {
    .video {
        width: 100%; height: 100%;
        object-fit: cover;
    }
}

适用于支持object-fit封面的所有浏览器，但支持 object-fit: cover;但不支持视频的Edge除外。如何检查视频是否支持object-fit？

Answer 1

使用渐进式增强功能，首先选择浏览器，然后覆盖可以使用它的浏览器？

video {
 // css for browsers which are not supporting object-fit: cover for video tag ....
}
@supports (object-fit: cover) {
    video {
        object-fit: cover;
    }
}

或modernizr？