我有一个具有以下属性的视频,帧宽:1920和帧高:1080.我需要它的宽度和高度为100%,从而填满整个屏幕.它也需要响应.到目前为止,我有这个代码:
<video class="hidden-xs hidden-sm hidden-md hidden-custom videosize embed-responsive-item" autoplay="autoplay" loop="loop">
<source src="~/Videos/myvideo.mp4" type="video/mp4" />
</video>
Run Code Online (Sandbox Code Playgroud)
CSS:
.videosize {
position:absolute;
z-index:-1;
top:0;
left:0;
width:100%;
height:100vh;
}
Run Code Online (Sandbox Code Playgroud)
使用上面的代码,它完全符合1680 x 1050的屏幕分辨率,但是对于其他分辨率,它占据了高度的100%然后宽度调整,在两侧留下白色空间.
任何的想法 ?谢谢.