html - 如何为半页制作全屏html背景视频？

Question

如何制作半页的html背景视频？

.video {
    position: fixed; no-repeat;
    top: 50%; left: 50%;
    z-index:-1000;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
}

我将这段代码用于完整的背景视频，但我只想用于标题部分。

Answer 1

尝试将高度值更改为 50% 并删除 top:50% :

{
position: fixed; no-repeat;
left: 50%;
z-index:-1000;
min-width: 100%;
min-height: 100%;
width: auto;
height: 50%;
transform: translate(-50%, -50%);
}