Css div中的背景视频，固定的背景图像附在下面的部分-非常糟糕

我有一段背景视频。在下面的部分中，它们附带了固定的背景图像，但没有显示。如果从HTML中删除视频，则背景图像的行为与预期一致。为什么会这样？我该如何解决这个问题？谢谢

代码：

视频{
位置：绝对位置；
右：0；
底部：0；
最小宽度：100%；
高度：自动；
z指数：-100；
背景：url(http://media.w3.org/2010/05/sintel/poster.png)不重复；
背景尺寸：封面；
}
html、正文、.站点容器、.内容、节{
身高：100%；
保证金：0；
填充：0；
}
.内容{
z指数：66；
}
#第2节{
背景：url(http://www.psdgraphics.com/file/colorful-triangles-background.jpg)无重复中心固定；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
身高：100%；
宽度：100%；
填充：0；
保证金：0；
}
#第三节{
背景：url(http://www.hdwallpapers.in/walls/abstract_color_background_picture_8016-wide.jpg)无重复中心固定；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
身高：100%；
宽度：100%；
填充：0；
保证金：0；
}
#第四节{
背景：url(http://www.hdwallpapersn.com/wp-content/uploads/2015/04/background_image_9.jpg)无重复中心固定；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
身高：100%；
宽度：100%；
填充：0；
保证金：0；
}
#第五节{
背景：url(http://hdw.datawallpaper.com/abstract/christmas-background-desktop-background-542647.jpg)无重复中心固定；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
身高：100%；
宽度：100%；
填充：0；
保证金：0；
}
#第6节{
背景色：#0039a6；
身高：100%；
颜色：#fff；
}

您的用户代理不支持HTML5视频元素

必须删除
上的
位置

video {
    /*position: absolute; <<--Removed*/
    right: 0;
    bottom: 0;
    min-width: 100%;
    height: auto;
    z-index: -100;
    background: url(http://media.w3.org/2010/05/sintel/poster.png) no-repeat;
    background-size: cover;
}

视频{
/*position:absolute；您希望视频位于页面顶部还是在内容部分的流中？
position:absolute
将其从文档流中删除。