更新记录

1.0（2022-02-08）

第一版发布

平台兼容性

Vue2 Vue3
√ √
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
× × √ × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
√ √ √ √ √ √ √ √ √

## 前言

商品详情目前只有图片轮播，需要实现第一个是视频，其他是图片，点击视频可以全屏播放

效果图

实现思路

1使用swiper组件实现图片+视频轮播

2 如果商品有介绍视频，就在图片中间添加个自定义播放按钮（video自带的播放按钮不是很好看）

3 点击自定义播放按钮就可以实现播放功能了

4 播放中，再次点击视频全屏播放（写个全屏播放组件）

源码

源码链接

作者相关文章

反编译获取任何微信小程序源码——看这篇就够了

零成本，零基础搭建获利的影视小程序

国庆,新年，节日头像小程序(可加入流量主，赚取零花钱)

隐私、权限声明

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

无

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

无

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

无

许可协议

MIT协议
评论列表 撰写评论
加载更多...
插件问答 我要提问

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

加载更多...