文件名称:
scroll-video:scroll-video微信小程序视频上下滑动播放方案视频滑动播放的两种方案:Swiper + Video,使用Swiper插入视频进行视频播放,小程序v2.4.0起Video组件支持同层渲染,大体思路是保证一个视
开发工具:
文件大小: 114kb
下载次数: 0
上传时间: 2021-03-23
详细说明:滚动视频
微信小程序视频上下滑动播放方案
视频滑动播放的两种方案:
Swiper + Video,使用Swiper合并视频进行视频播放,小程序v2.4.0起Video组件支持同层渲染,大体思路是保证一个视频组件,记录Swiper的电流,并与此swiper-item的下标做比对,来对比当前索引和current是否一致,一致则展示Video组件。
滑动效果比较好,还有优化的,怎么预加载,怎么放置3个Video组件进行预加载的问题。
平移画,模拟上下滚动的效果。大体思路是固定的一个视频组件,把封面图平铺在视频组件上,根据手势滑动的范围,确定上滑或倾斜,通过改变translateY,切换视频源播放。
滑动效果不是很好,无法做到手指跟随。
Vide组件加载视频黑屏慢的可能解决方案
video组件在播放视频的时候会黑屏,或者正在加载时间长,这有几种方案替代参考,排除网络问题。
视频编码格式的问题,将
(系统自动生成,下载前可以参看下载内容)
下载文件列表
相关说明
- 本站资源为会员上传分享交流与学习,如有侵犯您的权益,请联系我们删除.
- 本站是交换下载平台,提供交流渠道,下载内容来自于网络,除下载问题外,其它问题请自行百度。
- 本站已设置防盗链,请勿用迅雷、QQ旋风等多线程下载软件下载资源,下载后用WinRAR最新版进行解压.
- 如果您发现内容无法下载,请稍后再次尝试;或者到消费记录里找到下载记录反馈给我们.
- 下载后发现下载的内容跟说明不相乎,请到消费记录里找到下载记录反馈给我们,经确认后退回积分.
- 如下载前有疑问,可以通过点击"提供者"的名字,查看对方的联系方式,联系对方咨询.