// 失效代码
.video-content {
background-color: #000000;
width: 100%;
height: 422rpx;
}
// 正常代码
.video-content {
background-color: #000000;
width: 100%;
height: 211px;
}
9***@qq.com
- 发布：2023-02-23 10:31
- 更新：2023-02-23 15:11
- 阅读：249
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： Monterey 12.6
HBuilderX类型： 正式
HBuilderX版本号： 3.6.18
手机系统： iOS
手机系统版本号： iOS 15
手机厂商： 苹果
手机机型： iPhone 12 pro
页面类型： vue
vue版本： vue3
打包方式： 离线
项目创建方式： HBuilderX
示例代码：
操作步骤：
.video-content {
background-color: #000000;
width: 100%;
height: 422rpx;
}
.video-content {
background-color: #000000;
width: 100%;
height: 422rpx;
}预期结果：
点击video组件显隐controls控制层
点击video组件显隐controls控制层
实际结果：
点击video组件不显示
点击video组件不显示
bug描述：
我发现一个问题，在vue组件中设置video的css高度为rpx的话，低于500rpx就会出现点击播放器不显示controls的情况，如果设置为px，不管设置多少多能响应。
9***@qq.com (作者)
我已经发现问题所在，大概率是你们转原生的时候对带小数的高度做了什么运算，只要不是通过rpx计算的都没问题
2023-02-23 15:38
huihuihero
我也出现了这个问题，问题复现是在vue3环境下，video设置宽度750rpx，高度422rpx，这种情况下，video的控制层不显示
2024-01-24 19:53