具有全宽视频标头的Bootstrap框架，视频标头中的Mp4视频加载时间过长

Question

我使用Bootstrap为客户构建一个网站，其中mp4视频以全角标头运行。视频（3MB;占位符）正在运行，但加载时间太长。我将视频压缩到1MB而没有明显的质量损失，但这使问题更加严重。我需要一种方法来自动启动视频而不加载时间。有谁知道问题可能是什么？

DEMO：http://ze-q.dizedesign.de/wn00152/

CODE：

* {
  box-sizing:border-box;
}

video {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

   

<video poster="" playsinline autoplay muted loop>
<source src="assets/vid/header.webm" type="video/webm">
<source src="assets/vid/header.mp4" type="video/mp4">
</video>