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