问题标签 [react-player]

我正在使用React-Slick滑块。在我的一个滑块中，我有一个要播放的视频。我可以使用播放视频React-Video但即使我们更改幻灯片视频也会播放

即使设置为假后，视频也不会停止播放。

我试图让我的视频适合/覆盖整个屏幕并响应调整大小，就像您使用objectFit: cover或backgroundSize: cover一样。现在视频过大可以看到左右两侧，窗口过小可以看到上下。

在这里您可以看到黑色背景：

太高了：

太宽：

容器大小为100vw，100vh，视频比例为4096x2160。

这是一个我试图不做的例子，因为视频随页面缩小：

https://jsfiddle.net/e6w3rtj1/131/

我在我正在开发的 React 音乐应用程序中使用react-player模块。

我的应用程序有一个音乐播放列表。当一首曲目播放完毕后，它会自动转到下一首曲目。

问题是，当浏览器选项卡没有焦点（背景选项卡）时，它不会播放下一首曲目，因为它似乎被浏览器的自动播放策略阻止（已使用 Chrome 和 Firefox 测试）。

请参阅此处的文档：https ://developer.mozilla.org/en-US/docs/Web/Media/Autoplay_guide

有人建议我为特定网站打开自动播放（对于 Chrome，请转到chrome://settings/content/sound）；但它也不起作用。无论如何，这不是我的访客的解决方案。

几天来我一直在努力解决这个问题；关于如何实现这一目标的任何想法？

• 我有多个提供商（Youtube、Soundcloud、...），所以播放器并不总是播放来自同一个服务的东西。
• 我能够使用Page Visibility API检测选项卡的可见性。
• 在我的控制台中，我可以看到react-player的onready事件被触发；但是播放器“卡住”了，直到我再次回到选项卡-然后播放。

这是我的播放器当前代码的粘贴箱。负责让源播放的函数是

谢谢！

我正在使用react-player https://github.com/cookpete/react-player播放我的视频。我的问题是，如何在播放选定视频时暂停其他视频？

此处提供的代码：

https://codesandbox.io/s/optimistic-saha-i2j64?file=/src/App.js

我在让 React Player 填充它的整个父 div 时遇到问题，如下图所示，顶部/底部有一点红色

因为我有每个相应的元素填充它的容器

我希望它能完全填满它的容器。有人知道我错过了什么吗？

谢谢。

我正在使用 react-player 库（https://www.npmjs.com/package/react-player）并且一切正常，但是我想调整一件事并想知道该怎么做它。问题是当我从手机播放视频时，它会全屏并开始播放。这是只有在移动设备上才会发生的事情，在计算机浏览器上，一切正常。当视频开始播放时，我怎样才能实现它保持在同一个小空间中，然后我可以从那里选择全屏选项？

我正在渲染多个反应播放器并且它们正在工作，但是当另一个视频开始时我如何停止一个视频？

我正在使用 React-Player，并且对这个库来说非常新。这是我使用 React-Player 的代码：

所以我的问题是： 我怎么知道字幕是否正在播放？我正在寻找类似 HTML 的东西-

我需要隐藏下图中圈出的图标吗？我该如何隐藏它？我正在使用react-player.

请检查此代码框 点击这里

我正在尝试使用反应放置视频，当我在本地托管页面时，我可以倒带和快进视频，但是当我在 CI Gitlab 上部署项目时，我无法使用视频栏倒带或快进。

我正在使用 react-player 库

我不知道我是否在这个标签中遗漏了一些参数。