如何获得全屏背景视频英雄？答案

【问题标题】：How do I to get a full screen background video hero?如何获得全屏背景视频英雄？
【发布时间】：2014-06-12 06:09:54
【问题描述】：

所以我有一个正在开发的网站，我希望它能够加载到带有标题的完整背景视频中。但是，我也希望用户能够滚动到页面的其他全屏部分。我怎样才能让它工作。

关于 div 是我要制作的下一部分。它应该是（每个部分都是）100% 的高度和宽度。从某些网站的外观看来，您可以通过巧妙的定位来实现这一点。

【问题讨论】：

【解决方案1】：

我成功使用了 Syd Lawrence 的 jquery.videoBG。只需使用this example 让您的英雄 div 具有视频背景。然后将页面的其余部分写在该 div 下方。

（额外提示：如果您还不知道使用 'vh' 和 'vw' 作为 CSS 单位，您可能需要研究它们。例如：.row{height: 100vh;}）

【讨论】：