更新记录
1.0.8(2022-07-08) 下载此版本
bug修复
1.0.7(2022-07-08) 下载此版本
新增视频播放结束事件
1.0.6(2022-07-07) 下载此版本
修复切换视频进度条不重置的问题
查看更多平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
- | - | - | - | - | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | - | - | - | - | - | - | - | - | - | - |
插件介绍
目前只支持微信小程序
,该插件依赖uni-popup
插件,如果没安装,请自行安装。
功能介绍
- 自定义视频播放速度
- 支持切换视频清醒度
- 全屏和竖屏功能样式分开
- 支持开始播放时指定播放进度
参数介绍
参数 | 类型 | 默认值 | 说明 |
---|---|---|---|
width | String | 100% | 宽度 |
height | String | 450rpx | 高度 |
standardUrl | String | 标清播放地址 | |
highUrl | String | 高清播放地址 | |
ultraUrl | String | 超清播放地址 | |
originalUrl | String | 原画播放地址 | |
autoplay | Boolean | false | 是否自动播放 |
loop | Boolean | false | 是否循环播放 |
muted | Boolean | False | 是否静音播放 |
initialTime | Number | 0 | 指定视频初始播放位置,单位为秒(s)。 |
direction | Number | 90 | 设置全屏时视频的方向,不指定则根据宽高比自动判断。有效值为 0(正常竖向), 90(屏幕逆时针90度), -90(屏幕顺时针90度) |
objectFit | String | contain | 当视频大小与 video 容器大小不一致时,视频的表现形式。contain:包含,fill:填充,cover:覆盖 |
title | String | 视频播放 | 视频的标题,全屏时在顶部展示 |
pageGesture | Boolean | true | 在非全屏模式下,是否开启亮度与音量调节手势 |
enableProgressesture | Boolean | true | 是否开启控制进度的手势 |
showMuteBtn | Boolean | false | 是否显示静音按钮 |
enablePlayGesture | Boolean | false | 是否开启播放手势,即双击切换播放/暂停 |
vslideGesture | Boolean | false | 在非全屏模式下,是否开启亮度与音量调节手势(同 page-gesture) |
vslideGestureInFullscreen | Boolean | false | 在全屏模式下,是否开启亮度与音量调节手势 |
@timeupdate | 播放进度变化时触发,event.detail = {currentTime, duration} 。触发频率 2s 一次 | ||
@qualitychange | 清醒度变化出发 0 标清 1 高清 2 超清 3 原画 | ||
@ended | 视频播放结束触发 |