VideoUpload 视频上传
用于将视频上传到服务器，并简略展示上传文件的信息以及提供预览功能。
何时使用
需要将本地视频或拍摄视频后上传到服务器时使用
代码示例
基本使用
属性
| 属性 | 类型 | 必填 | 默认值 | 说明 |
|---|
| value | Array<File | string> | string | 否 | [] | 已上传的图片列表 |
| action | string | 否 | - | 上传视频的服务器地址，只支持https地址 |
| camera | string | 否 | 'back' | 默认拉起的是前置或者后置摄像头，可选值'back'或'front' |
| fileName | string | 否 | - | 上传视频的文件名，即对应的 key，开发者在服务器端通过这个 key 可以获取到视频二进制内容 |
| formData | any | 否 | {} | 上传时其他额外的 form 数据对象。 |
| height | number | string | - | 80 | 自定义容器高度 |
| maxCount | number | 否 | 1 | 上传视频的最大数量 |
| maxDuration | number | 否 | 60 | 拍摄视频最长拍摄时间，单位秒。 |
| sourceType | ['album'] | ['camera'] | ['album', 'camera'] | 否 | ['album', 'camera'] | 视频选择的来源 |
| width | number | string | 否 | 80 | 自定义容器宽度 |
| className | string | 否 | - | 类名 |
事件
| 事件名 | 说明 | 类型 |
|---|
| onBeforeUpload | 视频上传前的回调函数，返回 false 可终止视频上传，支持返回 Promise | (v: File, u: File[]) => boolean | Promise<boolean> | void |
| onChange | 已上传的文件列表变化时触发 | (v: File[]) => void |
| onDelete | 删除当前列表中的视频时触发，包括上传成功和上传失败的视频，如果返回 false 表示阻止删除，支持返回 Promise | (v: File) => boolean | Promise<boolean> | void |
| onUpload | 视频上传方法，当不存在https服务器时，支持自定义上传方式，只在不存在action字段时生效 | (v: File) => Promise<File> |
| onAfterUpload | 使用action时，视频上传后的回调函数，当上传接口不为默认的{success: true, data: {url: 'xx'}}时使用，返回void则表示上传失败，返回的string代表的是视频File里的url | (res) => string |
File
| 字段名 | 说明 | 类型 |
|---|
| url | 视频的资源地址 | string |
| status | 上传状态 | 'pending' | 'done' | 'error' |
样式类
| 类名 | 说明 |
|---|
| amd-video-upload | 整体样式 |
| amd-video-upload-show | 已上传视频整体展示区域样式 |
| amd-video-upload-click-area | 点击上传视频区域样式 |
| amd-video-upload-play-icon | 已上传视频播放按钮样式 |
| amd-video-upload-video | 已上传视频区域样式 |
| amd-video-upload-close | 已上传视频右上角关闭按钮样式 |
| amd-video-upload-loading | 上传中加载中样式 |
| amd-video-upload-loading-icon | 上传中加载中图标 |
| amd-video-upload-add-video-wrapper | 点击上传视频区域整体样式 |