UploadVideo 视频上传 V1.4.0+

概述

UploadVideo 视频上传，拍摄或从手机相册中选择视频进行上传。

目前开发小程序与H5推荐使用 FirstUI nvue版本 (opens new window)。

安卓系统版本	安卓uni-app	安卓uniapp-x	iOS系统版本	iOS uniapp	iOS uniapp-x	小程序	H5/Web
5.0	×	✓	9.0	×	✓	×	✓

温馨提示

组件内部使用了 fui-icon（字体图标）组件，非 easycom 组件模式下需要手动引入组件（打开组件内部注释的引入内容，引入路径按实际调整）。
camera 部分 Android 手机下由于系统 ROM 不支持无法生效，打开拍摄界面后可操作切换。
sourceType 值在 H5 平台根据浏览器的不同而表现不同，一般不可限制仅使用相册，部分浏览器也无法限制是否使用相机。
H5平台：支持的视频格式视浏览器而定，一般通用的都支持：mp4、webm 和 ogg。
小程序平台：各小程序平台视频支持程度不同，详见各家文档。
App平台：使用 video 组件，打包 App 时必须勾选 manifest.json->App 模块权限配置->VideoPlayer 模块。此模块体积较大，非默认内置。
HBuilderX内置浏览器，使用video标签暂时存在问题，请先使用其他外部浏览器。

以下介绍两种常用的引入方式。

第一种：在页面中引用、注册

import fuiUploadVideo from "@/components/firstui/fui-upload-video/fui-upload-video.uvue"
export default {
	components:{
		fuiUploadVideo
	}
}

1
2
3
4
5
6

第二种：easycom组件规范

传统vue组件，需要安装、引用、注册，三个步骤后才能使用组件。easycom将其精简为一步。

First UI easycom配置请查看快速上手。

如果不了解easycom，可先查看官网文档 (opens new window)。

代码演示、属性列表等详细内容仅VIP用户可查看。

你真是个小机灵鬼~

该内容仅VIP用户可查看！

VIP内容代码请查看订单页下载的组件库示例源码。

该组件为付费组件，UNI-APP unix版VIP用户可免费使用。