Safari CSS中的HTML5视频“对象匹配”Alternative

我在我的网页中使用背景视频，那个么css属性对象的另一种方式适合全尺寸的html5视频呢

---

我发现很多浏览器都不支持它：.

有点粗糙，只处理16:9的高宽比视频，但我使用了这个

function fill() {
    if (9 * $( window ).width() > 16 * $( window ).height()) {
        $('video').css('width', '100%');
        $('video').css('height', '');
    } else {
        $('video').css('width', '');
        $('video').css('height', '100%');
    }
}
function fit() {
    if (9 * $( window ).width() < 16 * $( window ).height()) {
        $('video').css('width', '100%');
        $('video').css('height', '');
    } else {
        $('video').css('width', '');
        $('video').css('height', '100%');
    }
}
$( document ).ready(function() {
    fit();
    $( window ).on('resize', function() {
        fit();
    });
});

---

我想这是一个很好的起点。

我找到了解决这个问题的方法

这可以通过以下代码使用css修复：

background-size: cover;
min-width: 100%;
min-height: 100%;

---

是的，它的作用类似于对象匹配，适用于所有浏览器。

令人烦恼的是，尽管已添加到元素中，但它仍然没有添加到Edge中的元素中。不过，你可以在这里投票，以便将其添加到视频中：谢谢@TheChewy刚刚投票！