更新记录
1.0.1(2021-09-01)
下载此版本
组件更新
1.0(2021-09-01)
下载此版本
videoProview视频预览
平台兼容性
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
app-harmony |
? |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
用法:
<kk-proview :src="dataList" :duration="duration" url="materialUrl" fileType="fileType"></kk-proview>
引入
import kkProview from './components/kk-proview.vue'
components: {
kkProview
},
参数:
参数 |
默认 |
说明 |
src |
[] |
视频数据为空。默认为空 |
fileType |
type |
文件类型的字段 |
url |
url |
视频地址的字段 |
duration |
3 |
轮播时长 |
scale |
1.2 |
缩放大小 |
controls |
false |
视频是否显示控制控件 |
objectFit |
contain |
当视频大小与 video 容器大小不一致时,视频的表现形式。contain:包含,fill:填充,cover:覆盖 |
这里需注意:当你传的src数组格式:
src=[
{
type:1,
uploadUrl:'https://.......'
},
{
type:1,
uploadUrl:'https://.......'
},
{
type:1,
uploadUrl:'https://.......'
}
]
这首,传的fileType的值为type,url的值为uploadUrl,组件将获取你的数组格式转成自己所需要的格式。
data() {
return {
dataList:[],
duration:10,
type:0,
};
}
scale字段可将内容放大或者缩小,以便更好的适应你所需要的空间展示。