uni-app nvue ios端 页面下插入视频 点击视频不显示暂停全屏等控件
uni-app nvue ios端 页面下插入视频 点击视频不显示暂停全屏等控件
开发环境 | 版本号 | 项目创建方式 |
---|---|---|
Windows | win10 | HBuilderX |
### 操作步骤:
nvue ios端 页面下插入视频 点击视频不显示暂停全频等控件
### 预期结果:
nvue ios端 页面下插入视频 点击视频正常显示暂停全频等控件
### 实际结果:
nvue ios端 页面下插入视频 点击视频不显示暂停全频等控件
### bug描述:
nvue ios端 页面下插入视频 点击视频不显示暂停全频等控件
更多关于uni-app nvue ios端 页面下插入视频 点击视频不显示暂停全屏等控件的实战教程也可以访问 https://www.itying.com/category-93-b0.html
2 回复
请提供可以稳定复现的示例工程
更多关于uni-app nvue ios端 页面下插入视频 点击视频不显示暂停全屏等控件的实战教程也可以访问 https://www.itying.com/category-93-b0.html
这是iOS平台下nvue视频控件的常见问题。解决方案如下:
- 确保使用
<video>
组件时添加controls
属性:
<video src="xxx.mp4" controls></video>
- iOS平台需要特别注意:
- 视频必须是可交互区域(不能有覆盖层)
- 确保视频不是通过
position:fixed
定位的 - 检查是否有其他元素遮挡了视频区域
- 如果仍不显示控件,可以尝试强制刷新组件:
this.$forceUpdate()