视频背景不占用div的全宽？

Question

我正在使用jquery.videoBG插件来实现视频背景。

HTML：

  <div id="div_demo">
    <div class="videoBG">
    <video autoplay="" src="media/snow.mp4" style="position: absolute; z-index: 0; top: 0px; left: 0px; min-width: 100%; width: 100%; height: 650px;loop">
    </video>
    </div>
  </div>

的CSS：

#div_demo{
    position: relative;
    min-height: 650px;
}

视频样式是内联定义的。问题是当高度应用于视频时，其宽度会缩小并在中间对齐。

如果我删除视频高度，它就会脱离div。

Answer 1

为父div设置position:relative;

的样式

并确保您的风格是：

position:absolute;
top:0;
left:0;
bottom:0;
right:0;