我想在我的网站背景上设置视频。低质量的视频正在运行,但当我尝试设置全高清或高清视频时,我只是得到了声音和白色屏幕。有什么限制?
<div class="is_overlay"><video controls width="300" height="150" autoplay="autoplay" loop="loop" poster="/videos/bck.jpg">
<source src="videos/bckg720.mp4" type="video/mp4">
</video></div>
的CSS:
.box,.page {
position:fixed;
top:0;
left:0;
display: block;
width: 100%;
height: 100%;
overflow: hidden;
z-index:999;
background:rgba(15, 102, 99, 0.5);
color:white;
}
.is_overlay{
display: block;
width: 100%;
height: 100%;
}
.is_overlay video {
position: fixed; right: 0; bottom: 0;
min-width: 100%; min-height: 100%;
width: auto; height: auto; z-index: -100;
background: url(/videos/bck.jpg) no-repeat;
background-size: cover;
}