视频高度100vh忽略隐藏的溢出。

我在胡闹,用100vh让jumbotron和它的背景填充用户的屏幕。我在使用照片时没有这个问题,但我的客户想要一个视频背景。

我已将溢出设置为隐藏,但该网站正在显示带有水平滚动条的溢出。我不明白为什么它不能切断它。

Website Here

    #video-background { 
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -1000;
    height: 100vh;
    }

   .jumbotron{
    font-family: 'Raleway', Helvetica, Arial;
    background: rgba(0,0,0,0.6);
    background-size: cover;
    background-position: center;
    height: 100vh;
    padding: 60px 0;
    margin: 0;
    position: relative;
    overflow: hidden;
    }

HTML

    <div class="jumbotron">
       <video id="video-background" preload muted autoplay loop>
          <source src="vid/lowres.mp4" type="video/mp4">
       </video>
    </div>

很明显,jumbotron里面还有更多,但我认为这与此无关。