Javascript HTML5视频是否有像图像一样的预加载技术？

我有一个页面，它显示了来自不断更新的提要的许多（数千）图像和一些视频。为了确保加载时不显示任何图像或视频，我想预加载缓存中的所有内容。预加载图像很容易，下面是我使用的代码（在

.ajax

调用返回到条目之后）

这具有将所有图像预加载到缓存的效果，因为我可以调用

.onload

事件的函数

---

我想知道是否有类似的技术可以缓存html5视频元素的

.mp4

。我看到有一个

canplaythough

事件被触发，但是，我想从不断更新的URL（并将在随机html5视频元素中播放）预加载电影当视频是恒定流时，你很难预加载“一切”。那么，当预加载完成时，您的标准是什么？播放时间的特定缓存秒数？或者您正在查找的可能是

loadedmetadata

或

canplay

事件？我只是想确保我不会开始播放一段预加载不足的视频，无法在不暂停的情况下播放

CanPlayThrough

是我希望使用的。然而，我正在尝试为很多很多视频（将通过ajax检索）这样做，所以我尝试像缓存图像一样缓存它们。

canplaythough

看起来只与加载到特定div中的1个视频相关。

var img = new Image();
img.onload = function(){
    console.log('imaged loaded to cache');
};
img.onerror = function(){

    console.log('error: bad image source');
};
img.src = url;