标记在firefox和IE资源管理器上工作正常,但在Chrome上无效。我有两种视频格式,mp4和webm。,
这是html
<video playsinline autoplay muted loop poster="8.jpg" id="bgvid">
<source src="8.mp4" type="video/mp4">
<source src="8.webm" type="video/webm">
</video>
我的css
video#bgvid {
position: fixed;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background: url(8.jpg) no-repeat;
background-size: cover;
}
如果您想查看实时版本,可以在此处找到。
https://neevasoft.com/icedrink2/
提前感谢您的帮助