Изменение размера фонового видео при изменении размера браузера

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