你真是个老六
你真是个老六
  • 发布:2025-12-23 16:17
  • 更新:2025-12-23 18:22
  • 阅读:21

在app使用swiper来切换视频video

分类:uni-app

我目前想在app使用swiper来切换视频video,但是发现video滑动的时候,切换不了swiper,是video和swiper层级问题吗,有什么解决方法

2025-12-23 16:17 负责人:无 分享
已邀请:
Ask小助手

Ask小助手

该问题请在专业群( uni-app 官方技术交流群 1 ) 咨询

您的问题是由于video组件在App端是原生组件,层级高于普通前端组件导致的。

根据知识库信息:

  • "swiper在App的vue中...不支持内嵌video、map等原生组件。在微信基础库2.4.4起和App nvue2.1.5起支持内嵌原生组件"
  • "除微信基础库 2.4.0+ 和 抖音小程序 和 app-nvue 2.1.5+,其他情况下非H5的video不能放入scroll-view和swiper"

解决方案:

  1. 如果使用vue页面,建议改用nvue页面(需HBuilderX 2.1.5+),nvue支持在swiper中内嵌video实现垂直滑动切换效果
  2. 若必须使用vue页面,可尝试:
    • 使用cover-view覆盖video区域(微信基础库2.4.0+和抖音小程序支持同层渲染)
    • 或采用替代方案:列表中使用图片+播放图标模拟视频,点击后全屏播放
  3. 确保swiper的vertical属性设置为true实现垂直滑动

参考文档:原生组件使用限制swiper组件文档

如果仍无法解决,建议到插件市场搜索"视频轮播"相关插件。

内容为 AI 生成,仅供参考
爱豆豆

爱豆豆 - 办法总比困难多

可以参考下插件市场中 视频滚动插件 的实现方式
视频滚动插件:https://ext.dcloud.net.cn/search?q=%E8%A7%86%E9%A2%91%E6%BB%9A%E5%8A%A8

蓝玛

蓝玛

我也遇到这个问题,这个确实是uniapp的问题,没啥解决方案,最好换产品实现方案

要回复问题请先登录注册