我有一个页面显示许多(成千上万)图像和一些不断更新的Feed中的视频。为了确保加载时不显示任何图像或视频,我想预先加载缓存中的所有内容。预加载图像非常简单,这是我正在使用的代码(在.ajax
调用返回条目之后)。
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;
这具有将所有图像预加载到缓存的效果,因为我可以调用.onload
事件的函数。
我想知道是否有类似的技术来缓存html5视频元素的.mp4
。我看到有一个canplaythough
事件被触发,但是,我想从不断更新的网址预装电影(并将在随机的html5视频元素中播放)