jquery - 包含特定 div 的视频背景

Question

我正在努力将视频背景放入 div 中。 div 恰好也有 500px 的高度和 100% 的宽度，我希望视频背景适合整个 div，响应迅速。

HTML

<div id="dev_cms_vid_cont">
    <video id="cms_vid" loop muted autoplay poster="img/videoframe.jpg">
        <source src="'.BASE.'images/cms-bg.mp4" type="video/mp4">
    </video>
    <div id="dev_cms_cont">
         // content
    </div>
</div>';

CSS

 #dev_cms_vid_cont {
    height:500px; 
    position:relative;
 }
 #cms_vid {
    position:absolute; 
    right: 0; bottom: 0;
    min-width: 100%; 
    height: 500px;
    width: auto; z-index: 100;
    background: url(../images/home-intros.jpg) no-repeat;
    background-size: cover;
    margin: 0 auto;
 }

我不介意它是否需要 jquery 来整理，我只是希望能够有视频背景，包含在特定的 div 中，并用视频覆盖整个 div(不一定是显示的整个视频) .我做错了什么？

Answer 1

video{position:absolute; right: 0; bottom: 0;
 min-width: 100%; height: 500px;
 width: auto; z-index: 100;
 background: url(../images/home-intros.jpg) no-repeat;
 background-size: cover;
 margin: 0 auto;}