Telephone
15063366547
QQ
286601999
視頻平鋪DIV,全屏視頻背景
發(fā)表時(shí)間:2017-08-31 15:37?? 作者:銳尚?? 瀏覽:
次
<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>