用HTML5视频填充浏览器窗口

Question

我想让HTML5视频填充浏览器窗口的全部宽度和高度。

创建一个全屏幕视频背景比较简单，但我想要做的是有声视频，但与它下面的内容。由于视频将全屏显示，当访问者开始滚动时，内容将立即在'折叠'之后。

帮助，建议或方向的大型赞赏！

Answer 1

好了，你没有提供任何标记或样品，所以我正在做一些假设，但这应该对你所需要的工作：

假设下面的HTML：

<div class="container"> 
    <video></video> 
    <article> 
     <p>This is content after the fold...</p> 
     <p>This is content after the fold...</p> 
    </article> 
</div> 

使用jQuery，您可以轻松地大小video元素如下：

$(function() { 
    var winHeight = $(window).height(); 
    $('video').css({ 'height': winHeight, 'width': '100%'}); 
}); 

jsFiddle Demo