如何制作半页的全屏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％并删除顶部：50％：

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