html - 背景视频大小问题

Question

我正在尝试正确调整背景视频的大小，但它的表现真的很奇怪。我工作的网站是这样的:http://evolfo.github.io/Brooklyn-Birdhouse/index.html

视频顶部有未使用的空间(我不知道它是怎么到那里的)而且我无法让视频在 100% 的时间内填满整个容器。

这是视频的 CSS:

video { 
    position: fixed;
    right: 0;
    min-height: 100%;
    min-width: 100%;
    z-index: -100;
}

非常感谢任何建议。谢谢!

Answer 1

虽然这不是一个很好的解决方案，但您可以通过使用边距/填充功能来掩盖它。只需添加

margin: -10px 0px 0px 0px

到视频下的 css 或将其内联到代码中，让它自己向上推到未使用的空间上。您可能需要将 -10px 调整为更准确的工作量。