Изменение размера элемента div="video-viewport" на родительский div?

[usergeyv]

<div id="video-viewport">
    <video>
        <source src="https://s3.amazonaws.com/whiteboard.is/videos/bg-loop-new.mp4" />
    </video>
</div>

jQuery(function() {
   
    jQuery(window).resize(function () { resizeToCover(); });
    jQuery(window).trigger('resize');
});

function resizeToCover() {
    jQuery('#video-viewport').width(jQuery(window).width());
    jQuery('#video-viewport').height(jQuery(window).height());
};

Для просмотра ссылки Войди или Зарегистрируйся
Это работает в хроме,в мозилле не хочет, как сделать рабочий вариант?

 

[usergeyv]

Только что проверил тут Для просмотра ссылки Войди или Зарегистрируйся через мозиллу, работает, а вот на сайте ширину измеряет ,а высота всегда "0" :
пример:
width: 700px;
height: 0px;
может подскажите другие решения или почему так случается?

 

[usergeyv]

разобрался....
не (window) , а (document)