vue上传视频

使用video标签

<el-col :span="12">
            <el-form-item label="法人开户意愿视频" prop="legalPersonVideo">
              <el-upload :action="uploadUrl" :headers="uploadRequestHeaders" list-type="picture-card"
                         :show-file-list="false" :multiple="false" accept="video/*"
                         :on-success="handlelegalPersonVideoSuccess">
                <video
                  style=" width: 100%; height:100%"
                  v-if="legalPersonVideoImageFile"
                  :src="legalPersonVideoImageFile"
                  class="video-avatar"
                  :autoplay="false"
                  controls="controls"
                  muted
                  loop
                ></video>
                <i v-else class="el-icon-plus"></i>
              </el-upload>
            </el-form-item>
          </el-col>

export default {
	components: {
	},
	data() {
		return {
            //上传视频/图片后端接口
            uploadUrl: process.env.VUE_APP_BASE_API + '/center/wechatApplyment/upload',
            uploadRequestHeaders: {},
            uboIdDocCopyBackImageFile: null,
        }
    }
}

methods: {
    handleuboIdDocCopyBackSuccess(response, file, fileList) {
			// console.log(response, file, fileList)
			this.uboIdDocCopyBackImageFile = URL.createObjectURL(file.raw)
			this.ubo.uboIdDocCopyBack = this.getMediaId(response)
			this.$refs.ubo.clearValidate('uboIdDocCopyBack')
		},
    
    
}