我最近玩过 html5 并遇到了使用的想法
使用以下 html 代码作为网站背景的全屏视频:
<video id = "video_background" preload = "auto" autoplay = "true" loop = "loop">
<source src = "videos/football.mp4" type = "video/mp4" />
</video>
此外,我使用以下 css 代码正确对齐它:
#video_background{
position: absolute;
bottom: 0px;
right: 0px;
min-width: 100%;
min-height: 100%;
max-width: 4000%;
max-height:4000%;
width: auto;
height: auto;
z-index: -1000;
overflow: hidden;
}
它工作得很好,但我想让我的视频水平居中于每个浏览器分辨率。
无论我尝试哪种方式来实现这种效果(通过边距或基于百分比的定位),视频都保持在右下角。
关于如何解决这个“问题”的任何想法?