上传者: 42097967
|
上传时间: 2021-12-21 11:00:14
|
文件大小: 114KB
|
文件类型: -
滚动视频
微信小程序视频上下滑动播放方案
视频滑动播放的两种方案:
Swiper + Video,使用Swiper合并视频进行视频播放,小程序v2.4.0起Video组件支持同层渲染,大体思路是保证一个视频组件,记录Swiper的电流,并与此swiper-item的下标做比对,来对比当前索引和current是否一致,一致则展示Video组件。
滑动效果比较好,还有优化的,怎么预加载,怎么放置3个Video组件进行预加载的问题。
平移画,模拟上下滚动的效果。大体思路是固定的一个视频组件,把封面图平铺在视频组件上,根据手势滑动的范围,确定上滑或倾斜,通过改变translateY,切换视频源播放。
滑动效果不是很好,无法做到手指跟随。
Vide组件加载视频黑屏慢的可能解决方案
video组件在播放视频的时候会黑屏,或者正在加载时间长,这有几种方案替代参考,排除网络问题。
视频编码格式的问题,将