问题标签 [react-player]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - onClick 传递给 React Player 的 Wrapper 不起作用
我需要展示 Youtube 视频，所以我使用的是 React Player。单击我的视频，我必须将其全屏显示。这是我的代码：
根据 React-Player 文档，我可以传递一个包装器，并且 onClick 来响应播放器，并且 onClick 将被提供给我的包装器。正如在 devtools 中检查的那样，点击处理程序正在附加到我的包装器上，但它没有被调用。也尝试将 onClick 应用到 StyledContainer 和 StyledPlayerContainer 但它没有被调用。
reactjs - ReactPlayer 在 IE 上为 youtube 抛出“视频不可用”错误
使用 React Player（最新版本）时出现上述错误。Youtube 视频在 IE 11 中显示“视频不可用”，但在 chrome 中运行。React Player 文档说，他们支持 IE。如文档中所述，我也添加了 polyfill，但无法运行视频。此外，在 ReactPlayer 中放置了 onError 函数，该函数在其参数中给出 150 作为错误。
javascript - ReactJS 视频播放器 (react-player) - 如何检查视频是否（完全）播放？
我正在使用 ReactJS，我正在尝试显示一个视频，用户只能在观看整个视频后继续。我目前正在使用一个名为 React-player 的依赖项，它可以选择检查它何时结束，但是用户可以跳过视频。
有没有办法检查视频是否播放了一段时间？或者是否可以禁用转发？
这是我目前的代码：
html - 在反应播放器（使用 HTML 视频）中停止视频海报拉伸？
我不希望海报图像占据该视频的全部尺寸，但保持纵横比并居中。我怎样才能做到这一点？注意：这是一个片段。实际代码是用于嵌入视频的 reactjs 代码 sing react player。我将使用 config.file.attributes 将所需的属性发送到此处看到的 s 。使用style="object-fit=none"作品，但反应玩家可能吗？
代码片段：
reactjs - 无法使 react-player 灯光道具始终为真
我已经实现了一个类似属性的滑块。在每张幻灯片中，都有一个视频及其名称。我正在使用 [react-player][1] 显示视频缩略图。单击任何视频后，模态将打开并播放我渲染的视频，反应播放器是灯光属性始终为真。但是，一旦您单击滑块的特定位置失去光属性的视频，它就不起作用了。
而IndividualSlider组件如下：
在上面的代码中，我让 light 属性始终为真。单击幻灯片时，此组件将呈现，但未保留缩略图属性。
此外，当模式关闭时，视频会继续播放。如何处理？
正如您所看到的那样，播放的视频恢复了它light={true}曾经滑动但播放时的位置并不意味着light={true}
javascript - 如何使用来自 AWS S3 的预签名 cookie 在 ReactPlayer 上实现电影播放器
我正在开发一个使用 React 和 AWS S3 提供视频点播服务的网站。
我需要必须授权才能观看视频。
所以我考虑在请求时使用签名cookie。
使用 curl 请求成功。
但我无法在 React 获得文件。
我的代码在那里。
Chrome 上的错误消息（图片）
该请求看起来不包括 cookie。
我该如何解决这个问题？
javascript - 如何在 react-player 中预览视频上传？
我有一个文件类型的输入，它允许我的用户上传文件类型的视频文件。在我的应用程序中，还存在 react-player 组件，它根据其文档采用可以是数组或 MediaStream 类型的 URL 道具。做了一些研究后，我发现以下方法可以将文件转换为与 react-player 兼容的 URL，但是它已被贬值，所以我不想使用它。
这将返回 blob 或文件对象的 URL。我看到这已被将 MediaStream 传递给 video.srcObject() 所取代，但我不知道如何将文件转换为 MediaStream 类型，而 srcObject() 似乎是访问 react-player 的一种黑客方式，它公开了相同的 URL目的，还需要一个 MediaStream。总结一下，我如何上传带有文件类型输入的视频，以便在 react-player 组件中预览？
reactjs - ReactPlayer 中的 Youtube 链接 - HTTP 错误 429
今天，突然间，我在我们的 React 应用程序中遇到了以下错误：HTTP 错误 429。我们在 ReactPlayer 中实现了 Youtube 链接，这个错误似乎意味着我们的应用程序对 Youtube 的请求太多。
我尝试通过使用 iframe 链接嵌入 Youtube 视频来解决该问题，例如https://www.youtube.com/embed/tckGI4C7k10。这很好用，没有错误，但不幸的是，我无法访问播放器上的当前时间或 seekTo()，因为 iframe 是孤立的（根据Getting Current YouTube Video Time）。我希望能够使用 seekTo() 来动态导航到视频中的不同时间戳。
其他人似乎也面临同样的问题，但没有任何明确的解决方案：
- https://support.google.com/youtube/thread/18653316?hl=en
- https://support.google.com/youtube/thread/21939228?hl=en。
有谁知道如何解决这个问题？谢谢。
编辑：
我正在使用的 iframe 如下。
我通过从我所在的 eduroam 学校 WIFI 切换到另一个 WIFI 解决了该错误。但我将通过在 Google 上提交支持问题来继续研究这个问题，因为它应该可以在任何地方工作。
javascript - ReactPlayer 自动播放
我尝试在 reactjs 中制作视频播放器
这是我的代码
我成功在队列中进行 onclick 并将视频设置为 ReactPlayer，我的问题是如何让 ReactPlayer 自动播放队列中的下一个，所以 ReactPlayer 有 2 个选项，如果我不点击队列，视频将从排队，谢谢：）
javascript - ReactPlayer 想要设置播放但收到警告
我尝试使用ReactPlayer播放视频并设置从状态播放并得到一些错误。
这是我的代码：
这是错误：
0.chunk.js:31274 警告：道具类型失败：提供给
playing的类型无效道具，预期。stringReactPlayerboolean
有人可以向我解释为什么这是错误，以及如何解决它吗？