视频防下载

1. 业务场景

做一个在线课程平台，需要展示很多不同视频。通常情况下，src="http://ip/xxx/a.mp4"这种展示方式实属裸奔，需要对视频资源，图片等资源进行一定保护。即增加他人直接下载资源的难度。

2. 实现思路

访问视频资源时，服务器返回的是二进制数据，即ArrayBuffer，然后在前端再把这堆ArrayBuffer转换成视频，通过播放器播放出来。

3. 实现效果

4. 代码

调用脚本：vue调用函数，传视频名称，以及一个this对象给函数funGetVideoFile。该函数会发送请求去获取视频，并且返回二进制数据，然后把二进制数据回传给video标签的src即可播放。

页面：