我使用视频作为背景并使用 object-fit 属性设置其样式:
@supports(object-fit: cover) {
.video {
width: 100%; height: 100%;
object-fit: cover;
}
}
适用于所有支持和不支持 object-fit 封面的浏览器，除了 Edge 支持 object-fit: cover; 但不支持视频。我如何检查它是否支持视频的 object-fit？
最佳答案
使用渐进增强，浏览器先选择，能用的浏览器覆盖？
video {
// css for browsers which are not supporting object-fit: cover for video tag ....
}
@supports (object-fit: cover) {
video {
object-fit: cover;
}
}
或modernizr ？
关于html - 如何检查视频是否支持对象拟合，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50010263/