实现预览，请参看以下

preload属性

这个属性也能通过名字了解用处，此属性用于定义视频是否预加载。属性有三个可选择的值：none、metadata、auto。如果不使用此属性，默认为auto。

<video width="658" height="444" src="http://www.youname.com/images/first.mp4" poster="http://www.youname.com/images/first.png" autoplay="autoplay" preload="none"></video>

 

None：不进行预加载。使用此属性值，可能是页面制作者认为用户不期望此视频，或者减少HTTP请求。

Metadata：部分预加载。使用此属性值，代表页面制作者认为用户不期望此视频，但为用户提供一些元数据（包括尺寸，第一帧，曲目列表，持续时间等等）。

Auto：全部预加载。

默认的preload属性为none，而我们只要修改为Metadata部分预加载，即可

修改如下，找到源文件zb_users\plugin\UEditor\ueditor.all.min.js，替换

+' controls preload="none" width="'+b+'" height="'+d+'"

为

+' controls preload="Metadata" width="'+b+'" height="'+d+'"

打开编辑器，上传视频看看效果吧！