浏览器大小更改时更改背景视频的大小

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'});
    }
});