Uni-App nvue 页面的video组件不显示控制控件的问题与解决方法

错误示例

<video style="height: 300rpx;" :src="***" :poster="***" :controls="true"></video>

猜测原因

video组件的 height 属性使用 rpx 长度单位，实机转换为 px 计算单位后含浮点数，导致控件位置计算错误。

解决办法

video组件的 height 属性使用 px 长度单位

已经踩过的坑

nvue中:controls="true"必须显式的写Boolean属性，具体可查看另一篇文章uni-app nvue scroll-view 横向滚动 Android 无效 解决方法

正确示例

<video style="height: 160px;" :src="***" :poster="***" :controls="true"></video>