javascript - 当浏览器大小改变时改变背景视频的大小

Question

当垂直调整我的网站大小时，它会按照我的意愿调整大小，但当水平调整大小时 它没有填满屏幕。该网站名为 www.dinomoz.com，这是我用于背景视频的代码。

Answer 1

当窗口调整大小时，您需要查看它是否需要水平填充空间(并垂直裁剪)，反之亦然。以下 jQuery 将执行此操作:

$(window).resize(function() {
    if ($('body').width() < $('body').height()) {
        $('video').css({height:'100%',width:'auto'});
    } else {
        $('video').css({width:'100%',height:'auto'});
    }
});