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

这篇具有很好参考价值的文章主要介绍了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}}"

Video 不支持微信小程序的show-bottom-progress属性,微信小程序,小程序 文章来源地址https://www.toymoban.com/news/detail-798562.html

到了这里,关于Video 不支持微信小程序的show-bottom-progress属性的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序隐藏scroll-view滚动条只需要添加show-scrollbar=“{{false}}“ enhanced=“{{true}}“即可,亲测有效!

    微信小程序的scroll-view在ios上没有显示滚动条,但是如果在安卓设备上会显示一个滚动条 微信小程序只需要在scroll-view上面添加show-scrollbar=“{{false}}” enhanced=\\\"{{true}}\\\"即可解决 UniApp则修改成:show-scrollbar=“false” enhanced=“true” 亲测有效!!!

    2024年02月03日
    浏览(51)
  • 微信小程序video标签如何在其他视频播放时让另一个视频暂停播放-demo

    一个页面同时有很多视频播放,当用户点击一个视频后,开始播放视频,当点击另一个视频后,暂停前一个播放视频,让当前页面只有一个视频处于播放状态 原理 播放视频时,先判断当前是否有视频正在播放,如果没有,则播放,如果有,则暂停其他视频,再播放当前视频

    2024年02月04日
    浏览(88)
  • 已解决 微信小程序uniapp使用video的时候全屏方法@fullscreenchange会执行两次

    原因: fullscreenchange事件会在进入全屏和退出全屏时各触发一次。所以全屏切换期间会触发两次该事件。 解决方案: js Copy code 在监听fullscreenchange事件时,使用变量进行防抖处理。比如设置一个变量来记录上一次的全屏状态,只有当状态真正发生改变时才执行处理逻辑。 使用

    2024年02月07日
    浏览(54)
  • 微信小程序 -- npm 支持

    目录 npm 支持 1. 构建 npm 2. 自定义构建 npm 3. Vant 组件的使用方式 4. Vant 组件的样式覆盖 1. 构建 npm 目前小程序已经支持使用 npm 安装第三方包,但是这些 npm 包在小程序中不能够直接使用,必须得使用小程序开发者工具进行构建后才可以使用。 为什么得使用小程序开发者工具

    2024年02月22日
    浏览(33)
  • uniapp悬浮图标支持拖动支持微信小程序

    最近改了个UI,按钮放哪都不合适,看到别人都是用悬浮按钮,于是我自己也搞了一个,随心所欲存放位置,的确要比固定的好看的多,下面的是一个截图,代码放在下面自取 支持滑动、点击 完整代码片段:

    2024年02月11日
    浏览(51)
  • 微信小程序不支持svg图片

    如果想使用svg也要转换成base64或者网络图片 否则在开发者工具中是显示图片的 而在手机微信预览中就无法显示图片 让人疑惑 require()是nodejs的写法 用于导入模块、JSON 和本地文件 可以使用相对路径 该路径可以使用路径别名命名的目录或当前工作目录进行解析。 在vue中使用

    2024年02月09日
    浏览(39)
  • uniapp微信小程序使用视频组件video时提示[渲染层网络层错误] Failed to load media错误

    在进行微信小程序开发的时候,使用到的video组件,在成功把视频渲染出来之后,控制台会报这样的错 [渲染层网络层错误] Failed to load media https://temp.mp4#devtools_no_referrer net::ERR_FAILED  From server 222.76.205.74(env: Windows,mp,1.06.2301160; lib: 3.2.4)  通过百度之后尝试过两种方式 一:添加

    2024年02月03日
    浏览(106)
  • WebStorm 支持微信小程序的 rpx 单位

    webstorm在写微信小程序代码的时候,rpx单位会警告,并且格式化rpx单位与数值之间会有一个空格。 解决方法: 在plugins中搜索 wechat mini program support ,安装并下载这个插件,下载完成apply,然后ok; 搜索 Wechat Mini Program ,将小程序支持 启用 一下,就可以啦~ 注意:如果1、2两步

    2024年02月11日
    浏览(86)
  • 微信小程序_实现markdown支持代码复制功能

    大家好,我是yma16,不止前端,本文将介绍微信小程序中 markdown的代码复制功能实现。 往期微信小程序文章 小程序自定义微信昵称和头像 小程序制作markdown博客 小程序结合chatgpt制作聊天页面 小程序组件传值 小程序复制到粘贴板的功能实现 基于towxml渲染markdown 定位 因为是基

    2024年02月15日
    浏览(41)
  • 微信小程序获取当前位置,支持位置搜索,拖拽定位

    场景:微信小程序收货地址,导航地址,定位等需求 微信开发者工具示例: 手机调试示例: 附上完整代码(在程序里写入这个方法,写点击事件直接进行方法调用,会自动唤起微信地图页面,如上图所示): 在调试过程中遇到位置授权问题,部分手机无法展示页面,一直停

    2024年02月12日
    浏览(64)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包