更新记录

1.0.0（2026-07-10） 下载此版本

初始版本

平台兼容性

uni-app(4.0)

Vue2 Vue2插件版本 Vue3 Vue3插件版本 Chrome Chrome插件版本 Safari Safari插件版本 app-vue app-nvue Android Android插件版本 iOS 鸿蒙
√ 1.0.0 √ 1.0.0 √ 1.0.0 √ 1.0.0 - - √ 1.0.0 - -
微信小程序 微信小程序插件版本 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 小红书小程序 快应用-华为 快应用-联盟
√ 1.0.0 - - - - - - - - - - -

zv-video-cover

传入视频路径，截取封面并显示。 **只有获取封面，没有视频播放功能

<zv-video-cover url="https://zackboys.cn/static/upload/wechat/1.mp4" />
<zv-video-cover url="/static/demo.mp4" :frame="1" />

属性

属性 说明 默认
url 视频地址 -
frame 第几帧（从1开始） 1
fps 帧率 30
format jpg / png jpg
auto 自动截取 true
exportBase64 是否导出 base64 true
width / height 展示尺寸(rpx) -

方法

capture() / getCover() / refresh()

事件

  • complete { imageSrc, tempPath, frame, url }
  • success 封面数据
  • error { message }

平台

  • H5 / App：video + renderjs + canvas，网络/本地视频
  • 微信小程序：VideoDecoder + canvas，需真机，开发者工具不支持

说明

截取封面需要读取视频数据，网络视频受网速影响会有等待；本地选择的视频最快。

隐私、权限声明

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

无

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

插件不采集任何数据

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

无

许可协议

MIT协议
评论列表 撰写评论 向官方投诉

暂无用户评论。