html5 vedio 资源加载,HTML5视频在javascript中完全预加载

我有一个高质量的视频,我无法压缩太多,因为它将成为大量图像分析的基础,每个帧将被重绘到画布然后进行操作.

我试图在播放之前预先加载整个内容,因为我无法将视频停止,缓冲并继续.是否有一个我可以收听的事件,表示在开始播放之前整个视频已预先加载？

这是我在JS / jQuery中的表现：

this.canvas = this.el.find("canvas")[0];

this.video = this.el.find("video")[0];

this.ctx = this.canvas.getContext("2d");

this.video.autoplay = false;

this.video.addEventListener("play",this.draw)

this.video.addEventListener("timeupdate",this.draw)

this.video.addeventlistener("ended",this.trigger("complete",this))