如何实现视口大小的背景图像

How to achieve background image that is the size of the viewport

许多网站都使用它,但 https://modsquad.com/ 是我找到的第一个示例。当您访问该网站时,他们的背景图像(在本例中为视频)是您正在查看的任何屏幕的全宽和全长,正下方是单独的内容,但您只能在向下滚动之前看到视频。你如何做到这一点?在寻找这个问题的答案时,我只看到将整个 html 背景设置为特定图像的示例,这不是我要找的。在此先感谢您的帮助。

访问这里:https://modsquad.com/,然后打开控制台,你可以看到他们做了什么。

调整浏览器大小时,视频(或图像)的高度会发生变化。

您可以通过 javascript 完成,阅读这个问题:JavaScript - Get Browser Height