elementui上传视频

ElementUI提供了一个Upload组件，可以用来上传视频。你需要做以下步骤：

1. 在页面中引入ElementUI的Upload组件。

2. 在需要上传视频的地方，添加Upload组件。

3. 设置上传的参数，包括上传的地址、上传的文件类型、上传的文件大小限制等。

4. 在上传成功后，通过回调函数来处理上传成功后的操作。

以下是一个基本的上传视频的示例代码：

<template>
  <div>
    <el-upload
      action="/upload"
      :on-success="handleSuccess"
      :before-upload="beforeUpload"
      :file-list="fileList"
      :limit="1"
      :accept="'video/*'"
    >
      <el-button>上传视频</el-button>
    </el-upload>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        fileList: [],
      };
    },
    methods: {
      beforeUpload(file) {
        const isVideo = file.type.includes("video");
        const isLt10M = file.size / 1024 / 1024 < 10;

        if (!isVideo) {
          this.$message.error("只能上传视频文件！");
        }
        if (!isLt10M) {
          this.$message.error("视频大小不能超过 10MB！");
        }
        return isVideo && isLt10M;
      },
      handleSuccess(response, file) {
        this.$message.success("上传成功！");
      },
    },
  };
</script>

在这个示例中，我们设置了上传的地址为“/upload”，上传的文件类型为视频文件，大小限制为10MB。在上传前，我们会进行一些文件类型和大小的校验，如果不符合要求，则会提示错误信息。在上传成功后，我们会通过回调函数来处理上传成功后的操作，这里我们只是显示了一个上传成功的提示信息，你可以根据自己的需求来进行相应的处理。