背景视频对齐

Question

有人可以帮助我将此视频转换为algin top吗？

http://mystery-house.de/final/index.html

video#bgvid{
position:fixed;
top:0px;
left:0px;
min-width:100%;
min-height:100%;
width:1440px;
height:auto;
z-index:-100;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background: url(../images/video.jpg) no-repeat;
background-size: cover;
}

 <video autoplay loop poster="http://mystery-house.de/final/_files/video/video.jpg" id="bgvid">
<source src="http://mystery-house.de/final/_files/video/mysteryhouse.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
</video>

Answer 1

您的转换样式设置为50％。当我删除它时，背景图像覆盖了该区域。

如果要调整背景图像的大小，可以指定背景大小样式的宽度。您还可以尝试使用背景位置将背景与＆＃34;顶部中心＆＃34;

对齐

Answer 2

您的转换导致更大的屏幕出现问题。你应该添加媒体查询来处理它。

  @media screen and min-width:1440px{take the transform out etc.}