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

Тема в разделе "JavaScript", создана пользователем usergeyv, 16 апр 2019 в 17:18.

  1. usergeyv

    usergeyv Постоялец

    Регистр.:
    5 июл 2013
    Сообщения:
    138
    Симпатии:
    22
    HTML:
    <div id="video-viewport">
        <video>
            <source src="https://s3.amazonaws.com/whiteboard.is/videos/bg-loop-new.mp4" />
        </video>
    </div>
    
    
    HTML:
    
    
    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());
    };
    http://jsfiddle.net/jgh653mc/
    Это работает в хроме,в мозилле не хочет, как сделать рабочий вариант?
     
  2. usergeyv

    usergeyv Постоялец

    Регистр.:
    5 июл 2013
    Сообщения:
    138
    Симпатии:
    22
    Только что проверил тут http://jsfiddle.net/jgh653mc/ через мозиллу, работает, а вот на сайте ширину измеряет ,а высота всегда "0" :
    пример:
    width: 700px;
    height: 0px;
    может подскажите другие решения или почему так случается?
     
  3. usergeyv

    usergeyv Постоялец

    Регистр.:
    5 июл 2013
    Сообщения:
    138
    Симпатии:
    22
    разобрался....
    не (window) , а (document)