el-upload上传视频

el-upload 是一个基于 Element 组件库的文件上传组件，可以用来上传视频、图片、文档等文件。在上传视频时，需要注意以下几点：

1. 配置 accept 属性为 video/*，表示只接受视频文件；
2. 配置 before-upload 属性，用来限制上传文件的大小和类型；
3. 配置 action 属性为上传视频的接口地址；
4. 在上传成功后，可以从服务器返回的响应中获取视频的地址。

以下是一个简单的示例代码：

<template>
  <el-upload
    class="upload-demo"
    action="/api/uploadVideo"
    :before-upload="handleBeforeUpload"
    :on-success="handleUploadSuccess"
    accept="video/*"
    :file-list="fileList"
    multiple>
    <el-button size="small" type="primary">点击上传视频</el-button>
  </el-upload>
</template>

<script>
export default {
  data() {
    return {
      fileList: []
    }
  },
  methods: {
    handleBeforeUpload(file) {
      const isVideo = file.type.indexOf('video/') === 0;
      if (!isVideo) {
        this.$message.error('只能上传视频文件！');
        return false;
      }
      const isLt100M = file.size / 1024 / 1024 < 100;
      if (!isLt100M) {
        this.$message.error('上传视频文件大小不能超过 100MB！');
        return false;
      }
      return true;
    },
    handleUploadSuccess(response, file) {
      this.fileList.push({
        name: file.name,
        url: response.data.url
      })
    }
  }
}
</script>

在这个示例中，我们配置了上传视频的接口地址为 "/api/uploadVideo"，并且限制了上传视频的大小不得超过 100MB，只能上传视频文件。在上传成功后，我们把视频的名称和地址添加到 filelist 中。