全屏html页面和全屏视频没有黑色边框

Question

我是这个html：

<div id="container">
  <video id="video" src="video.ogv" loop></video>
</div>

Div＆＃34;容器＆＃34;和视频填满所有屏幕

#container {
   position: absolute;
   top: 0px:
   left: 0px;
   height: 100%;
   width: 100%;  
}

#container video {
   position: absolute;
   top: 0px:
   left: 0px;
   height: 100%;
   width: 100%;  
}

我测试的显示器是1920x1080而视频是1280x720：显然我获得了两个黑色边框（顶部和底部）。

如何在没有边框且不拉伸的情况下观看视频？

我已经搜索过，例如here，但不是我的情况。

修改

我已经忘记了最小宽度：和最小高度的特性，正如HoangHieu所说的那样！

CSS成为：

#container video {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
}

Answer 1

你可以使用属性：min-width：和min-height：