wanghexu
wanghexu
  • 发布:2020-09-23 11:29
  • 更新:2020-12-28 21:28
  • 阅读:1894

视频+图片轮播,多个视频,多张图片。

分类:uni-app


这里需要做个判断是微信小程序还是app,因为小程序才有stop功能,app只有pause暂停。
// #ifdef APP-PLUS
this.$refs['myVideo' + 下标][0].pause()
// #endif
// #ifndef APP-PLUS
uni.createVideoContext('myVideo' + 下标).stop()
// #endif

uniapp文档写着uni.createVideoContext也支持app的,但是我在app安卓端使用uni.createVideoContext来获取视频组件,发现是undefined,所以就使用ref了。

这样就可以做到上下滑动类似抖音火山视频那种 ,或者左右滑动的轮播了。因为video在nvue或者原子窗subnvue,video层级不是最高了。

0 关注 分享

要回复文章请先登录注册

wanghexu

wanghexu (作者)

回复 instant :
是的,抖音类的,需要纯nvue页面,这个插件市场搜索就有,其他兄弟有写,我这个是vue嵌入原子窗体,只解决了,一些app,需要轮播图的。因为我之前发现video和map等级太高,所以都是使用原子窗体处理的
2020-12-28 21:28
instant

instant

轮播图用数量少可以,做抖音类似上下滑动swiper不行,数量多性能卡死
2020-11-09 15:54
wanghexu

wanghexu (作者)

回复 DCMarvel :
对于轮播图来说,五张左右差不多,我试过五个视频,完全没问题。
2020-09-24 12:21
DCMarvel

DCMarvel

小伙子年轻了,你连续多滑试试,视频多的时候试试!
2020-09-23 12:58
wanghexu

wanghexu (作者)

视频轮播,video层级
2020-09-23 11:32