更新记录
1.0.0(2025-05-26)
初始化版本
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
× |
× |
× |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
鸿蒙元服务 |
× |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
× |
× |
× |
× |
× |
× |
× |
× |
× |
AppVideo 组件文档
简介
AppVideo 是一个跨平台的视频播放组件,支持在多种环境下(包括APP和小程序/H5)播放视频内容。组件针对不同平台自动选择最优的播放方案,提供一致的播放体验。
功能特性
- 跨平台支持:自动适配APP端和小程序/H5端
- 丰富的播放控制:支持自动播放、循环播放、静音播放等
- 自定义封面:支持设置视频封面图
- 播放控件:可配置是否显示默认播放控件
- 手势支持:支持滑动控制(APP端)
属性说明
属性名 |
类型 |
默认值 |
说明 |
src |
String |
'' |
必需,要播放视频的资源地址 |
poster |
String |
'' |
可选,视频封面图地址,在视频数据无效时显示 |
autoplay |
Boolean |
true |
是否自动播放 |
loop |
Boolean |
true |
是否循环播放 |
muted |
Boolean |
true |
是否静音播放 |
controls |
Boolean |
true |
是否显示默认播放控件(播放/暂停按钮、播放进度、时间) |
注意事项
- 在APP端和小程序/H5端会使用不同的底层播放器实现,但接口保持一致
- 自动播放策略可能受到不同平台限制(如部分浏览器可能阻止自动播放)
- 建议为视频提供封面图以获得更好的用户体验
- 在APP端支持手势控制(滑动操作)
兼容性
- 支持APP端(iOS/Android)
- 支持小程序端(微信/支付宝等)
- 支持H5端
版本更新
基本用法
<appVideo
src="视频地址"
poster="封面图地址"
:autoplay="true"
:loop="true"
:muted="true"
:controls="true"
/>