HTML5视频缩放

Question

我想要一个HTML5视频元素来填充包含DIV的帧。我使用以下CSS，在Safari中工作正常：

video {
    position:absolute;
min-width: 100%;
min-height: 100%;
 max-width: 100%;
max-height: 100%;
object-fit: cover; 
}

但是在IE 11中打开时，视频周围会出现黑框，具体取决于浏览器窗口大小。还有另一种方法可以让IE的行为像Safari一样吗？

最诚挚的问候 约尔格

Answer 1

Internet Explorer不支持

object-fit CSS属性。 如果您真的想要出现这种行为（https://github.com/anselmh/object-fit）

，也许您最好尝试使用polyfill