淡然333
淡然333
  • 发布:2021-09-13 13:45
  • 更新:2021-09-13 15:34
  • 阅读:596

#插件讨论# 【 视频图片轮播 - y***@163.com 】APP视频滑动问题

分类:uni-app
关联插件: 视频图片轮播

导入示例项目,运行在浏览器正常,但是打包运行在app,视频轮播无法滑动,切换成3D模式,紧挨着边去滑动的话可以正常滑动。

2021-09-13 13:45 负责人:无 分享
已邀请:
y***@163.com

y***@163.com

这个问题我刚才自测了下,确实发现了问题,之前只测试了全屏状态滑动和播放没问题就没有管了,不好意思。

首先:在app可以自动轮播,暂停播放后可以继续轮播这个是没有问题的(前提是没有直接在vide视频盒子上滑动);

发现问题:直接用手势在视频上滑动,不能滑动,这个还是视频层级过高引起的问题;目前没有时间处理这个问题,过几天,忙完了我更新一版处理下这个问题;有几个解决思路,你可以自己修改下video的显示和滑动,试着解决下;

解决方案:
第一种:先放照片,点击播放后换为视频,监听视频暂停,暂停后替换成照片,(引起的问题:暂停后不能看到当前的播放画面)

第二种:用原生方法给你vide添加手机监听touchStart - end,控制swiper的滑动距离,效果稍微好点,写的过程中来回测试,需要时间来回测试;

第三种,就直接用cover-view完整模拟自己需要的播放暂停和滑动效果,算第二种的优化

第四种:比较low的一种方法,但是也是解决起来最简单的方法;swiper视频如果没有播放什么限制的话,可以用webView,参数注入到容器内部,swiper功能做到h5页面再引入项目webView容器,不存在视频和图片轮播滑动问题

  • 淡然333 (作者)

    好的,感谢提供的方案

    2021-09-13 15:46

  • y***@163.com

    回复 淡然333:自测遗漏了,我会尽快处理;过几天改好了会更新;暂时没时间,麻烦你自己先处理了

    2021-09-13 16:31

该问题目前已经被锁定, 无法添加新回复