Как получить видео в формате HTML5 для просмотра полной высоты и ширины окна браузера?

Question

Мне нужно видео, чтобы охватить всю ширину и высоту браузера при загрузке первой страницы, я использую bootstrap. Как вы это достигаете ?:

Этот код выглядит так, но высота превышает 100% от браузера. Я хочу иметь возможность прокручивать вниз текст под ним, поэтому видео отображается только вверху.

DEMO

html, body { 
 
height: 100%; 
 
} 
 

 
#homepage-video { 
 
    height: 100%; 
 
    width: 100%; 
 
}

<div class="container-fluid"> 
 
<div class="row"> 
 
    <video id="homepage-video" autoplay="true" loop="true" > 
 
    <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" 
 
    type="video/mp4" /> 
 
     Your browser does not support HTML5 videos. 
 
     </video> 
 
    </div> 
 
    </div> 
 
    <div class="container"> 
 
     // Text in here.... 
 
    </div>

Answer 1

Вы можете установить его с помощью JQuery, просто включить библиотеку JQuery и добавьте ниже код

$(function(){ 
    $('video').css({width:$(window).width(), height:$(window).height()}); 
});