elementUi上传视频组件

背景

vue+element后台管理系统中的表单提交中需要上传视频，利用饿了吗组件可以这么搞。
要求：

1. 文件上传之前需要处理：
   限制视频格式
   限制视频大小
   限制视频时长

实现代码：

HTML
说明：
action 必选参数，上传的地址 string
before-upload 上传文件之前的钩子 function(file)
on-progress 文件上传时的钩子 function(event, file, fileList)
http-request 覆盖默认的上传行为，可以自定义上传的实现 function

<template>
  <div>
    <el-upload
      class="avatar-uploader el-upload--text"
      action=""
      :show-file-list="false"
      :before-upload="beforeUploadVideo"
      :on-progress="uploadVideoProcess"
      style="border: 1px solid #DCDFE6;border-radius: 4px;padding: 10px;"
    >
      <video v-if="videoSrc !='' && progressFlag == false" :src="videoSrc"