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

使用HTML5视频填充浏览器窗口

1 个答案: