Javascript 如何增加bigvideo.js的加载时间？

对于这个小站点，我的加载速度非常慢，我做错了什么。
我的意图是在视频加载之前进行图像显示/* 但是，图像几乎与视频同时加载，即使加载需要花费很长时间

我的html：

<div id="bigvid">
  <div class="img">
    <div id="header">
      <div class="inner presentation" style="z-index: 999; height: 100%">
        <header>
          <h1 style="
            font-size: 100px;
            line-height: 65px;
            letter-spacing: 12px;
            font-weight: 900;
            margin: 26px 0;
            color: #f5f4ed;
          ">
            hibidabibi 
          </h1>
          <hr>
          <span class="byline" style="
            font-size: 48px;
            line-height: 65px;
            letter-spacing: 12px;
            font-weight: 900;               
            margin: 26px 0;
            color: #f5f4ed;
          ">
            Coming Soon
          </span> 
        </header>
        <footer> 
          <ul class="icons">
            <li><a href="#" class="icon icon-twitter"><span>Twitter</span></a></li>
            <li><a href="#" class="icon icon-youtube"><span>Facebook</span></a></li>
            <li><a href="#" class="icon icon-instagram"><span>Google+</span></a></li>
          </ul> 
        </footer>
      </div>
    </div>
  </div>
</div>

---

请参阅以供参考。

我会在那里放一个大得多的视频，看看这是不是真的。老实说，我可以在视频开始前一秒钟左右看到你的占位符图像

如果你在chrome上。。点击f12加载开发工具。然后切换回浏览器。单击站点上的刷新按钮，但按住鼠标按钮，当菜单出现时，选择最后一个选项-“清空缓存并硬重新加载”

---

此时，你可能只是高速缓存的受害者。

你的身体需要100%的高度。背景图像正在加载，只是在视频加载之前没有内容。一旦视频加载，它就会填充div，在div大小调整和视频填充之间的几秒钟内，你就会看到你的背景图像。

我认为它在chrome中工作得相当好，现在的问题是firefox。加载时间是可怕的，但我肯定会尝试很多这个修复它，有没有关于如何加载图像并在视频加载前保持在原位的提示？

 #bigvid {
   position: absolute;
   background-color: #000;
   height: 100%;
   width: 100%;
   z-index: 100;
   background-image: url('../images/screenshot.jpg');
 }