video-react 属性宽度和高度不起作用

2023-12-27

按照这个doc https://video-react.js.org/components/player/

我们可以在属性中添加玩家的宽度和高度

<Player playsInline width={100} height={50}>
<source src="https://media.w3.org/2010/05/sintel/trailer_hd.mp4"/>
<ControlBar>
    <PlaybackRateMenuButton rates={[2,1.5,1]} order={7.1} />
    <VolumeMenuButton disabled />
</ControlBar>
</Player>

但这些都不起作用.. 那么,我在这里做错了什么吗?


视频宽度 and 高度属性仅当我们设置时才有效fluid as false

<Player playsInline fluid={false} width={100} height={50}>
      <source src="https://media.w3.org/2010/05/sintel/trailer_hd.mp4"/>
      <ControlBar>
          <PlaybackRateMenuButton rates={[2,1.5,1]} order={7.1} />
          <VolumeMenuButton disabled />
      </ControlBar>
    </Player>

他们在那里更新了这个doc https://github.com/video-react/video-react/commit/aaa8e4333c248daefe98dfa285d0e19da0460078 too.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

video-react 属性宽度和高度不起作用 的相关文章

随机推荐

  • 计算道具无法正常工作 Vue JS 2

    我正在按照 YT 上的一个频道学习 vue js 该视频是去年发送的 所以我认为由于 VueJS 本身的一些变化 它不起作用 但如果你们能帮助我 那就太好了 代码链接 http codepen io myrgato pen BWWxdQ h
  • 更新 MongoDB 中数组内数组内的嵌入对象

    我有类似的文件 id 100 heros nickname test spells spell id 61 level 1 spell id 1 level 2 I can t set咒语的level 3 with spell id 1 i
  • pandas 中 datetime 和 datetime64[ns] 的比较

    我正在编写一个程序来检查 Excel 文件 如果今天的日期在 Excel 文件的日期列中 我会解析它 我在用着 cur date datetime today 今天的约会 我正在检查今天是否在以下列中 bool val cur date i
  • Service Worker 无法使用 Nodejs 服务器以离线模式运行

    我一直在创建新项目 PWA 当我开发时不使用节点js socket io运行 只是像我预期和需要的那样离线运行 但是当与nodejs服务器集成时 当上线时 应用程序运行良好 没有任何问题 但是当我更改为离线模式时 我的服务无法运行 但显示离
  • 使用 Visual Studio 2012 进行部署时删除 ConnectionString

    我正在开发一个包含 2 个 Web 应用程序的项目 其中一个作为长时间运行的进程 使用 appfabric 托管 另一个只是一个普通的 MVC 应用程序 它们共享相同的数据上下文 因此共享相同的连接字符串 appfabric 应用程序被部署
  • 如何使用 Google Maps API v2 确定道路上的经纬度坐标

    我已经使用了谷歌地理地址并使用纬度 经度得到了地址 如何确定我是否在路上 基本上是道路碰撞测试 我目前正在使用位置管理器来管理纬度 经度 并且公路上和公路旁的地理地址相同 最终解决方案 Use 通过 Google Geocoding API
  • ASP.NET MVC ActionLink 保留“旧”路由参数

    我的两个过滤链接 Html ActionLink Customer 1 Index new customer 1 Html ActionLink Project A Index new project A 我的带有过滤功能的控制器 publ
  • 在图像周围浮动文本

    我需要帮助创建一个围绕价格标签浮动的文本容器 如下图所示 这是我到目前为止所尝试过的 jsFiddle 演示 http jsfiddle net kzmndzj4 HTML div class product p Lorem ipsum d
  • 返回 Lua 表中值的索引

    我在lua中有这张表 local values a b c 如果变量等于表条目之一 有没有办法返回表的索引 说 local onevalue a 如何在不迭代所有值的情况下获取表中 a 或一个值的索引 没有迭代就没有办法做到这一点 如果您发
  • 如何使用“setTimeout”调用对象本身

    为什么我不能使用setTimeout在 JavaScript 对象中 Message function this messageFactory this feedbackTag document getElementById feedbac
  • OpenACC + MPI Fortran 程序入门

    我有一个工作串行代码和一个通过 OpenACC 并行化的工作并行单 GPU 代码 现在我尝试通过在多个 GPU 上运行 采用 mpi openacc 范例来增加并行性 我用 Fortran 90 编写代码 并使用 Nvidia 的 HPC
  • PHP include/require 不传递变量

    是否可以在 PHP 中包含一些东西without传递传递给原始脚本的变量 我正在使用 Joomla 并且我收到了错误记录here https stackoverflow com questions 8356683 joomla error
  • 如何通过 adb android 更改首选网络类型?

    如何使用 ADB 更改首选网络类型 示例 设置仅使用 GSM 仅使用 WCDMA 仅使用 LTE 或自动 这适用于我的设备 adb shell sqlite3 data data com android providers settings
  • 获取 ObservableValue 的所有已注册侦听器

    如何让所有听众获得可观察的值 我可以扩展课程并覆盖addListener and removeListener将它们存储在集合中的方法 但该集合应该已经以某种方式存储在可观察值内 我怎样才能得到那一套 I find a way around
  • Powershell获取完整路径信息

    我有一个名为视频的目录 在这个目录里面 是一堆各种相机的子目录 我有一个脚本可以检查各个摄像机 并删除早于特定日期的录制内容 我在获取相机的完整目录信息时遇到了一些麻烦 我正在使用以下方法来获取它 Get all of the paths
  • IOS 覆盖本地通知

    我创建了一个Local Notification当某个按钮 SetButton 被点击 我现在的问题是如果SetButton再次按下 它不会覆盖第一次按下 它会显示 2 个通知 依此类推 如何确保第二次按按钮会覆盖第一次按按钮并且不会累积通
  • 后台工作者是一个线程吗? (C#)

    后台工作者是一个线程吗 我应该什么时候使用它 是的 它基本上就像一个线程 但具有额外的功能 通知您进度和完成时间的事件 每当您需要执行可能需要一段时间的操作 例如计算 文件或数据库读 写 Web 请求等 并且您不希望 GUI 在执行时显得无
  • 如何挂钩 MANAGED(.NET) 进程并收集该进程内的信息?

    我需要挂钩托管 C C CLI 进程 我需要查找有关它有多少个窗口 其关联控件及其属性 的信息并将其发送到用 C 托管代码编写的目标应用程序 为此我需要做什么 我是否需要探索该托管进程的 IAT 导入地址表 和 EAT 导出地址表 我需要用
  • Rails 从现有表生成模型?

    我对 Rails 框架非常陌生 想知道如何基于现有表生成模型 例如 我有一个名为 person 的表 并且想要根据该表中的列生成模型 但是 每当我使用 ruby script generate model Person skip migra
  • video-react 属性宽度和高度不起作用

    按照这个doc https video react js org components player 我们可以在属性中添加玩家的宽度和高度