Javascript 使用jquery使用预加载屏幕预加载（仅）对象（例如视频）（而不是整个网站）

我正在寻找任何预加载页面js/jquery插件的具体实现。 我创建了一个单页网站（主要使用Skeleton），其中有一个带有全屏背景视频的英雄页面。我一直保持视频长度短（8s），删除了音频，因此管理了大约1mb的相对较小的大小。尽管如此，我还是希望在真正的英雄页面出现之前预装视频（只是出于审美原因——这是一个乐队的网站，需要给人留下深刻印象）。 所以 -我确实需要页面加载覆盖（我很乐意在html5/css3中创建） -我只需要视频预加载，而不是页面的其余部分（字体、图像等） 我确实找到了可以加载整个页面的scipts/插件，但我正在寻找代码中的一点变化，即只预加载特定的id（如果正确的话，包含视频的div或video标记），然后立即隐藏加载覆盖。 我更喜欢这个页面，因为页面有很多外部嵌入（视频、bandcamp播放器）加上图片，这些图片需要一段时间才能加载，但要放在页面的末尾

---

先谢谢你。K.

请提供您已经尝试过的示例代码和信息。我一直在使用它，效果非常好。我只是想让它在淡出之前只预加载视频，而不是整个页面。（对不起，我不知道如何使用之前的4个空格发布代码…）