在页眉和页脚div标签中间的视频背景

Question

CSS：

html, body {height: 100%; margin:0px !important;}

#header{
    position: fixed;
    top: 0;
    height: 50px;
    width: 100%;
    background-color: black;
    z-index: 1;
}

#content{
    padding-top: 50px;
    padding-bottom: 50px;

    position: fixed;
    top:0px;
    bottom:0px;
    width:100%;
}

#footer{
    background-color: black;
    position: fixed;
    bottom: 0;
    height: 50px;
    width: 100%;
    z-index: 1;
}

HTML

<div id="header">
</div>

<div id="content">
    <video src="video.mp4" controls autoplay></video>
</div>

<div id="footer">
</div>

我想要div内容中的视频，并且该视频会填充空间div而不会增加视频分辨率。

有什么建议吗？