使用小程序video-swiper的注意事项

官方文档地址: 点击前往

写到前面：

video-swiper绝对是个大坑, 而且官方对bug跟进速度基本为0(小程序传统)
如果你的项目时间足够充裕且确定使用该组件那么您可以继续看下去

项目场景：

小程序 纵向滑动的短视频列表

---

已经遇见的问题

1. 视频列表会默认打开并播放第二个视频
2. solt插槽失效
3. 视频快速滑动后顺序出现混乱

---

问题解决方案：

1. 视频列表会默认打开并播放第二个视频

暂时无解
若您有足够时间去改他的源码且修改成功, 那么我愿意为您付费查看您修改后的源码
同时为了节约您的时间 不用您去谷歌 百度 质问官方等, 我整理了下网上的解决方案

• 修改current属性的默认值(从1改为0) 且修改js中默认播放的video. 该方法看似解决问题, 一旦滑动 视频顺序全乱
• 从第1条返回第0条视频, 该方法会出现屏幕闪烁的情况
• 追加list第0条为空对象, 芜湖用户上划后就是一个大黑屏

所以您目前必须接受从第二个视频开始播放

---

2. solt插槽失效

swiper标签导致

如果想让您的视频列表有更高的拓展性, 那么很抱歉, 微信的<swiper>标签并不支持内部的solt
您可以尝试:

• 提高代码耦合度, 把您想插到视频列表里的Dom直接写到video-swiper的wxml内
• 放弃跟随每个video的Dom结构 在页面上直接定位到video-swiper组件的上层

---

3. 视频快速滑动后顺序出现混乱

easing-function: easeInOutCubic
之后你会发现问题基本不会出现了, 主要其主要是限制了滑动频率, 默认动效快速滑动时候部分机型会出现列表混乱的情况, 可通过该方式规避.

写到最后

其实本文我在写的时候还是蛮恼火的, 读者也能发现对于本文实际我并没有提供任何代码形式的解析, 主要还是想表达一个对于一个国内出头的互联网企业的不满
如果功能做的不完全就不要把插件放出来
看到这也许有人会说: 啊, 给你免费用就不错啦.
随便了, 谁爱用谁用, 我自己写