更新记录
1.0.0(2025-07-10) 下载此版本
视频添加水印,支持带水印的截图功能,支持视频全屏时添加水印及截图
平台兼容性
uni-app(4.21)
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
- | √ | - | - | √ | √ | √ | √ | × |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | - | × | × | × | × |
注意
1、基于官方video组件二次封装,开发时注意勾选VideoPlayer模块,如果需要截屏需要勾选Gallery模块
2、全屏采用css加横屏方式显示,如果项目中使用了uniapp的navbar和tabbar,请手动隐藏:
3、ios全屏如果需要横屏显示,需要在manifest中添加screenOrientation属性,已支持横屏显示
属性
支持官方属性,请参考官方文档:官方文档
名称 | 类型 | 描述 |
---|---|---|
src | string | 要播放视频的资源地址 |
watermarks | Array | 水印信息,格式:[{type: 'text',text: '文字',style:{},},{type: 'image',url: 'url',style:{},}] |
direction | Number | 设置全屏时视频的方向,默认为-90 |
controls | Boolean | 是否显示默认播放控件,默认为true |
isShowShotScreen | Boolean | 是否显示截图按钮,(截图带水印) |
@fullscreenchange | EventHandle | 当视频进入和退出全屏时触发 |