Javascript HTML视频在页面上的其他几个图像完成下载后开始下载

有时，当用户第一次访问站点时，页面顶部的HTML视频不会运行。这是因为电影在页面上的其他图像文件下载很久之后才被加载。在此之前，资源请求不会被发送，因为我可以通过firebug的网络扩展看到这一点

由于视频是在其他图像的顶部，我希望它被下载第一&更快。在我的HTML代码中，视频也放在其他图像之前，所以为什么下载电影会被阻止这么长时间

我应该如何修复此问题以加快电影加载速度

---

电影大小（为.mp4版本）约为600Kb，持续30秒。

我可以看到两种可能的解决方案：

a） 在

内联块

DIV上使用CSS

背景图像

，而不是

属性。而是在另一个属性中指定图像源，例如
isrc
。在domReady回调中，将所有图像的
isrc
属性复制到
src
。i、 e.类似于：

$(document).ready(function() {
  $('img').each(function() {
    if($(this).attr('isrc')) {
      $(this).attr('src', $(this).attr('isrc'));
    }
  });
});