Video 无法彻底隐藏 controls 当点击视频时 或自动触发controls 的 toggleVisibility方法

[miaojinsing]

相关平台

H5

浏览器版本: Chrome
使用框架: React

复现步骤

<Video
className={prefixCls "-video"}
src={src}
loop
showPlayBtn={false}
showBottomProgress={false}
showCenterPlayBtn={false}
showBackgroundPlaybackButton={false}
showFullscreenBtn={false}
showProgress={false}
controls={false}
pageGesture={false}
enableProgressGesture={false}
muted
objectFit="fill"
{...videoProps}
/>

期望结果

应该能够控制隐藏和显示

实际结果

无法实现掌控 ， 点击视频一定会触发 controls 的 toggleVisibility方法，导致页面存在多余显示

环境信息

  Taro CLI 3.6.20 environment info:
    System:
      OS: macOS 12.7.1
      Shell: 5.8.1 - /bin/zsh
    Binaries:
      Node: 20.10.0 - /usr/local/bin/node
      Yarn: 1.22.4 - /usr/local/bin/yarn
      npm: 10.2.4 - /usr/local/bin/npm
    npmPackages:
      @tarojs/cli: 3.6.20 => 3.6.20 
      @tarojs/components: 3.6.20 => 3.6.20 
      @tarojs/helper: 3.6.20 => 3.6.20 
      @tarojs/plugin-framework-react: 3.6.20 => 3.6.20 
      @tarojs/plugin-platform-alipay: 3.6.20 => 3.6.20 
      @tarojs/plugin-platform-h5: 3.6.20 => 3.6.20 
      @tarojs/plugin-platform-jd: 3.6.20 => 3.6.20 
      @tarojs/plugin-platform-qq: 3.6.20 => 3.6.20 
      @tarojs/plugin-platform-swan: 3.6.20 => 3.6.20 
      @tarojs/plugin-platform-tt: 3.6.20 => 3.6.20 
      @tarojs/plugin-platform-weapp: 3.6.20 => 3.6.20 
      @tarojs/react: 3.6.20 => 3.6.20 
      @tarojs/runtime: 3.6.20 => 3.6.20 
      @tarojs/shared: 3.6.20 => 3.6.20 
      @tarojs/taro: 3.6.20 => 3.6.20 
      @tarojs/taro-loader: 3.6.20 => 3.6.20 
      @tarojs/webpack5-runner: 3.6.20 => 3.6.20 
      babel-preset-taro: 3.6.20 => 3.6.20 
      eslint-config-taro: 3.6.20 => 3.6.20 
      react: ^18.2.0 => 18.2.0 
    npmGlobalPackages:
      typescript: 3.7.4