<uni-collapse>
<uni-collapse-item title="使用动画" :show-animation="true">
<view>
<video src="https://yundms.net/UploadFile/dev/biqsla/186794d14bfb444d9efdbc1ee23e429f.mp4"></video>
</view>
</uni-collapse-item>
</uni-collapse>
9***@qq.com
- 发布：2024-03-22 09:40
- 更新：2024-03-22 12:03
- 阅读：156
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 3.99
手机系统： Android
手机系统版本号： Android 6.0
手机厂商： 新大陆
手机机型： L10
页面类型： vue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
<uni-collapse>
<uni-collapse-item title="使用动画" :show-animation="true">
<view>
<video src="https://yundms.net/UploadFile/dev/biqsla/186794d14bfb444d9efdbc1ee23e429f.mp4"></video>
</view>
</uni-collapse-item>
</uni-collapse>
将如上代码运行就能看到bug
<uni-collapse>
<uni-collapse-item title="使用动画" :show-animation="true">
<view>
<video src="https://yundms.net/UploadFile/dev/biqsla/186794d14bfb444d9efdbc1ee23e429f.mp4"></video>
</view>
</uni-collapse-item>
</uni-collapse>
将如上代码运行就能看到bug
预期结果：
需要折叠显示img video text ，要显示时再展开。
需要折叠显示img video text ，要显示时再展开。
实际结果：
在Android端uni-collapse中嵌套video时，不能折叠video，会在屏幕顶层显示，遮盖uni-collapse组件
在Android端uni-collapse中嵌套video时，不能折叠video，会在屏幕顶层显示，遮盖uni-collapse组件
bug描述：
<uni-collapse>
<uni-collapse-item title="使用动画" :show-animation="true">
<view>
<video src="https://yundms.net/UploadFile/dev/biqsla/186794d14bfb444d9efdbc1ee23e429f.mp4"></video>
</view>
</uni-collapse-item>
</uni-collapse>
代码片段如上：
功能需求：需要折叠显示img video text ，要显示时再展开。
bug描述：在Android端uni-collapse中嵌套video时，不能折叠video，会在屏幕顶层显示，遮盖uni-collapse组件
<video/> 组件在非H5端是原生组件，层级高于普通前端组件，覆盖其需要使用cover-view组件或plus.nativeObj.view、subNVue。
原文档在此：https://uniapp.dcloud.net.cn/component/video.html
9***@qq.com (作者) - android开发
<uni-collapse>
<uni-collapse-item title="使用cover-view" :show-animation="true">
<cover-view>
第一层cover-view
<video src="https://yundms.net/UploadFile/dev/biqsla/186794d14bfb444d9efdbc1ee23e429f.mp4"></video>
<cover-view>
第二层cover-view
</cover-view>
</cover-view>
</uni-collapse-item>
</uni-collapse> 添加coverview后的效果并没改变。video没有折叠成功
运行效果如下：
