封面视频背景无法正常工作

Question

我正在尝试将视频作为背景附加到文章部分。问题是，在小屏幕中，它仅显示在文章的1/3中。为了实现我使用了文章类，背景div作为包装器和视频元素id。有什么想法吗？

<article class=”myArticle”>

 <div class="fullscreen-bag">

       <video id="videoBack">
          <source src=" " type="video/mp4">
          <source src=" " type="video/ogg">
          <source src=" " type="video/webm">
       </video>

 </div> 

 <div class="container">
      //
      //
 </div> 


</article>

//Css

.myArticle {
    position: relative;
    overflow: hidden;
}

.fullscreen-bag {
    overflow: hidden;
    position: absolute;
    height: auto;
    width: auto;
    z-index: -100;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
}
#VideoBack {
    position: absolute;
    z-index: -100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

Answer 1

我找到了解决方案。我删除了#VideoBack规则，并在视频标记中应用了.fullscreen-bag。