uni-app video组件设置:controls=false或true时，默认播放控件不会立即隐藏或显示

uni-app video组件设置:controls=false或true时，默认播放控件不会立即隐藏或显示

操作步骤：

  • video动态设置controls=false或true，默认播放控件显示隐藏会有问题

预期结果：

  • 设置:controls=“false/true” 默认播放控件直接隐藏/显示，立即触发@controlstoggle事件

实际结果：

  • 设置:controls=“false/true” 默认播放控件几秒隐等待几秒才会隐藏/显示

bug描述：

  • video设置:controls=false 或者 true，默认播放控件不会立马隐藏或显示，而是等几秒钟自动隐藏， HBuilderX3.1.2以上的版本都有这个问题，3.0.7没问题
开发环境 版本号 项目创建方式
Windows win7 64 HBuilderX

更多关于uni-app video组件设置:controls=false或true时，默认播放控件不会立即隐藏或显示的实战教程也可以访问 https://www.itying.com/category-93-b0.html

11 回复

video设置:controls=false 或者 true，默认播放控件不会立马隐藏或显示，而是等几秒钟自动隐藏， HBuilderX3.1.2以上的版本都有这个问题，3.0.7没问题

更多关于uni-app video组件设置:controls=false或true时，默认播放控件不会立即隐藏或显示的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这个问题解决了吗？我也遇到了这个问题

收到。 你提供一个可以复现问题的代码 我看看

3.1.2 3.1.3都会有问题 试下 <template> <view> <view @click=“controlsToggle”>显示隐藏constrols</view> </view> </template>

<script> export default { data() { return { showControls: false } }, methods: { controlsToggle() { this.showControls = !this.showControls } } } </script>
<style scoped> .player { width: 750upx; height: 225px; } </style>

回复 雨人: 收到。 稍等

我没有复现你说的问题。 但是发现了一个疑似相关的隐患，并且尝试修复了它。
你留一下QQ。 我用修复后的代码给你打个包 验证一下 问题是否修复了。

好的 1185205689

已与开发者沟通确认。 下个版本修复。

这是一个已知的uni-app video组件在HBuilderX 3.1.2及以上版本的兼容性问题。在3.0.7版本中controls属性的切换是即时生效的，但在新版本中出现了延迟问题。

问题原因可能是新版本对video组件的控制逻辑做了调整，导致controls属性变更后需要等待原生播放器的响应时间。目前可以通过以下临时解决方案：

  1. 使用show-controls属性替代：
<video :show-controls="showControls"></video>
  1. 强制刷新组件：
this.$forceUpdate();
  1. 使用v-if重新渲染组件：
<video v-if="showVideo" :controls="controls"></video>
回到顶部