Video 不支持微信小程序的show-bottom-progress属性

原文地址:Video 不支持微信小程序的show-bottom-progress属性-鹭娃网络

相关平台

微信小程序

小程序基础库: 2.20.1
使用框架: React

复现步骤

import { Video} from '@tarojs/components';

渲染一个Video播放视频,无法隐藏手机屏幕最底部的进度条,即不支持属性show-bottom-progress = false

期望结果

Video接受传入showBottomProgress属性

微信小程序官方文档video 支持show-bottom-progress属性

实际结果

Videob=不接受传入showBottomProgress属性

环境信息

复制代码
Taro v3.5.1


  Taro CLI 3.5.1 environment info:
    System:
      OS: macOS 12.4
      Shell: 3.2.57 - /bin/bash
    Binaries:
      Node: 18.7.0 - /usr/local/bin/node
      Yarn: 1.22.19 - /usr/local/bin/yarn
      npm: 8.15.0 - /usr/local/bin/npm
    npmPackages:
      @tarojs/cli: 3.5.1 => 3.5.1 
      @tarojs/components: 3.5.1 => 3.5.1 
      @tarojs/helper: 3.5.1 => 3.5.1 
      @tarojs/plugin-framework-react: 3.5.1 => 3.5.1 
      @tarojs/plugin-platform-alipay: 3.5.1 => 3.5.1 
      @tarojs/plugin-platform-jd: 3.5.1 => 3.5.1 
      @tarojs/plugin-platform-qq: 3.5.1 => 3.5.1 
      @tarojs/plugin-platform-swan: 3.5.1 => 3.5.1 
      @tarojs/plugin-platform-tt: 3.5.1 => 3.5.1 
      @tarojs/plugin-platform-weapp: 3.5.1 => 3.5.1 
      @tarojs/react: 3.5.1 => 3.5.1 
      @tarojs/router: 3.5.1 => 3.5.1 
      @tarojs/runtime: 3.5.1 => 3.5.1 
      @tarojs/shared: 3.5.1 => 3.5.1 
      @tarojs/taro: 3.5.1 => 3.5.1 
      @tarojs/taro-h5: 3.5.1 => 3.5.1 
      babel-preset-taro: 3.5.1 => 3.5.1 
      eslint-config-taro: 3.5.1 => 3.5.1 
      react: ^18.0.0 => 18.2.0 
    npmGlobalPackages:
      typescript: 4.6.2

相关平台

微信小程序

小程序基础库: 2.20.1
使用框架: React

复现步骤

import { Video} from '@tarojs/components';

渲染一个Video播放视频,无法隐藏手机屏幕最底部的进度条,即不支持属性show-bottom-progress = false

期望结果

Video接受传入showBottomProgress属性

微信小程序官方文档video 支持show-bottom-progress属性

实际结果

Videob=不接受传入showBottomProgress属性

环境信息

复制代码
Taro v3.5.1


  Taro CLI 3.5.1 environment info:
    System:
      OS: macOS 12.4
      Shell: 3.2.57 - /bin/bash
    Binaries:
      Node: 18.7.0 - /usr/local/bin/node
      Yarn: 1.22.19 - /usr/local/bin/yarn
      npm: 8.15.0 - /usr/local/bin/npm
    npmPackages:
      @tarojs/cli: 3.5.1 => 3.5.1 
      @tarojs/components: 3.5.1 => 3.5.1 
      @tarojs/helper: 3.5.1 => 3.5.1 
      @tarojs/plugin-framework-react: 3.5.1 => 3.5.1 
      @tarojs/plugin-platform-alipay: 3.5.1 => 3.5.1 
      @tarojs/plugin-platform-jd: 3.5.1 => 3.5.1 
      @tarojs/plugin-platform-qq: 3.5.1 => 3.5.1 
      @tarojs/plugin-platform-swan: 3.5.1 => 3.5.1 
      @tarojs/plugin-platform-tt: 3.5.1 => 3.5.1 
      @tarojs/plugin-platform-weapp: 3.5.1 => 3.5.1 
      @tarojs/react: 3.5.1 => 3.5.1 
      @tarojs/router: 3.5.1 => 3.5.1 
      @tarojs/runtime: 3.5.1 => 3.5.1 
      @tarojs/shared: 3.5.1 => 3.5.1 
      @tarojs/taro: 3.5.1 => 3.5.1 
      @tarojs/taro-h5: 3.5.1 => 3.5.1 
      babel-preset-taro: 3.5.1 => 3.5.1 
      eslint-config-taro: 3.5.1 => 3.5.1 
      react: ^18.0.0 => 18.2.0 
    npmGlobalPackages:
      typescript: 4.6.2

我试了原生的微信小程序,这个属性也没有效果,想要隐藏可以这样

复制代码
show-fullscreen-btn="{{true}}" show-center-play-btn="{{true}}"  show-play-btn="{{true}}"  show-progress="{{false}}"
相关推荐
show4333 小时前
2026视频处理小程序技术选型指南:链接解析+OCR+ASR+AI配音多引擎对比
小程序·ocr·音视频
凡科网小帆12 小时前
2026小程序商城平台哪家强,小程序商城平台选型怎么做
大数据·小程序·小程序商城平台
游戏开发爱好者817 小时前
App Store 上传 IPA 自动化,.p8 密钥认证与 CI/CD 接入实战
android·运维·ci/cd·小程序·uni-app·自动化·iphone
Greg_Zhong17 小时前
微信小程序 + 腾讯云人体分析:从 0 到 1 实现 AI 抠图打卡合照(细节待更新~)
人工智能·微信小程序·腾讯云·ai抠图-ai打卡拍照
游戏开发爱好者818 小时前
iOS 推送怎么配置,APNs 推送证书、设备库与群发
android·ios·小程序·https·uni-app·iphone·webview
snow@li18 小时前
小程序:200知识点/速查手册
小程序
不吃辣4901 天前
vibe coding | 如何做一个AI制图小程序?
人工智能·小程序·ai编程
laboratory agent开发1 天前
2026小程序服务商推荐:全域私域数字化工具选型深度解析
小程序
小码哥0682 天前
智慧物业管理系统开发详解:核心功能与源码开发优势
小程序·物业管理·物业系统
汤姆yu2 天前
基于微信小程序的方言转文字小程序的设计与实现
java·小程序·毕业设计·方言翻译