更新记录

1.0.0(2025-05-26)

初始化版本


平台兼容性

Vue2 Vue3
×
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 是否显示默认播放控件(播放/暂停按钮、播放进度、时间)

注意事项

  1. 在APP端和小程序/H5端会使用不同的底层播放器实现,但接口保持一致
  2. 自动播放策略可能受到不同平台限制(如部分浏览器可能阻止自动播放)
  3. 建议为视频提供封面图以获得更好的用户体验
  4. 在APP端支持手势控制(滑动操作)

兼容性

  • 支持APP端(iOS/Android)
  • 支持小程序端(微信/支付宝等)
  • 支持H5端

版本更新

  • v1.0.0 初始版本,提供基本视频播放功能

基本用法


<appVideo 
  src="视频地址"
  poster="封面图地址"
  :autoplay="true"
  :loop="true"
  :muted="true"
  :controls="true"
/>

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问