前言
在 uniapp(H5网页网站、支付宝/微信小程序、安卓App、苹果App、nvue)全平台开发中,uniapp swiper 同时共存视频和图片导致切换滑动时卡顿加载慢问题,并且视频还没播放完毕就自动切换划走了,如何监听视频播放完毕后轮播图再自动划走,swiper-item里有图片或视频快速滑动不流畅甚至卡死不动(视频和图片虽然不多但依旧会卡),大概率会在苹果app和安卓app端出现问题,做类似抖音快手短视频上下滑动的功能同样会出现该问题,因为swiper组件里确实嵌套了大量视频(如果不做优化调整肯定会特别卡),无论哪个平台端只要存在这个问题就能有效解决。
uniapp(v2 | v3)版本项目均可使用。
如下图所示,做 “上下滑动” 或 “左右滑动” 都可以高效解决。
详细示例,保证100%解决
解决方案
按照下方教程及示例代码,轻松搞定此问题。