小编Qwe*_*rty的帖子

使用任何屏幕分辨率使视频100%适合

我有一个具有以下属性的视频,帧宽: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%然后宽度调整,在两侧留下白色空间.

任何的想法 ?谢谢.

css asp.net-mvc html5 twitter-bootstrap

23
推荐指数
3
解决办法
6万
查看次数

标签 统计

asp.net-mvc ×1

css ×1

html5 ×1

twitter-bootstrap ×1