Javascript 如何获得一个全屏背景视频英雄？

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

这是一个代码笔链接

about div是我想做的下一部分。每个部分都应该是100%的高度和宽度。从一些网站的外观来看，你可以通过巧妙的定位来实现这一点。

我已经成功地使用了Syd Lawrence's。只是用来让你的英雄有一个视频背景。然后将页面的其余部分写在该div下面

---

额外提示：如果您还不知道如何使用“vh”和“vw”作为CSS单元，您可能需要研究它们。示例：.row{height:100vh；}

您是否正在寻找类似于此的内容-@rubo123是的，但视频没有控件，如下图所示