视频平铺DIV,全屏视频背景

发表时间:2018-08-06 15:50    责任编辑:莫都晨晓    浏览:
<style>
*{ padding:0; margin:0;}
video, object {
display:inline-block;
vertical-align:baseline;
min-width:100%;
min-height:100%; object-fit:cover;
}
 
.de-video-container{
top:0%;
left:0%;
height:500px;
width:200px;
overflow: hidden;
}
</style>
 
 
 
<div class="de-video-container">
<video autoplay="" loop="" muted="" poster="video/video-1.jpg">
<source src="video/video-1.webm" type="video/webm" />
<source src="video/video-1.mp4" type="video/mp4" />
<source src="video/video-1.ogg" type="video/ogg" />
</video>
</div>
 
15063366547
286601999
微信咨询