问题标签 [react-player]

我想播放正在reactjs使用的 2 个文件ReactPlayer，文件 1 是视频音乐，包括音频人声，文件 2 只是音乐，但人声已被删除。

当我运行下面的代码时的问题是文件 1 可能比文件 2 更早开始，反之亦然，我的问题是我可以一起播放 2 个文件，所以当文件 1 加载或渲染时，文件 2 将与文件 1 执行相同的操作

这是代码

希望你们明白我在问什么，对不起我的英语不好：D

我目前正在使用 react-video-js-player 中的 VideoPlayer，并且正在尝试覆盖默认的高度/宽度样式以使视频继承父级的高度/宽度。

因为 VideoPlayer 只是 VideoJS 的 React 包装器。我假设样式和类名是相同的。我试着做这样的事情：

在 props 中设置高度和宽度为 100% 不起作用

父容器设置为 100% 的宽度和高度。有任何想法吗？

无法调整 React-Player 视频的大小。我将宽度更改为任意数字，视频保持不变。我正在尝试针对计算机视图对其进行优化，然后添加断点以调整手机等较小屏幕的大小。

Bellow 是我在其中渲染 React-Player 视频的文件，我在其中应用了我希望我的 react-player 视频采用的所需高度和宽度。

在 react-player 对象上设置尺寸的正确方法是什么？

我可以自定义或更改字幕的字体、颜色和位置吗？

这是我的代码

希望大家理解 :D

我有一个简单的部分，我在其中显示来自不同来源的不同视频，例如 youtube，直接链接，例如 mp4、hls、dash 等我正在使用react-player插件来显示视频，点击时我正在更改视频 url。

现在我想显示播放器中正在播放的当前视频 URL。

现场演示：现场演示代码沙盒

这是我的源代码。

问题： 现在，当我单击按钮更改 url 时，它会更改播放器中的视频 url，但在我想显示当前正在播放的视频 url 的 div 中，仍然显示旧的视频 url，如果双击则它会更改 url。

这里有什么问题？

我正在尝试循环包含在 src/Assets/videos 中的一个非常简单的视频。

当我使用 npm start 部署本地服务器时，视频按预期执行，但是，当我发布到生产环境时，视频不会加载。我正在使用 AWS Amplify CLI 发布应用程序。

我试图：
1）。在不同的浏览器（Firefox 和 Chrome）中查看应用程序。
2）。通过环境变量从 /public 加载视频。
3）。通过 react-player 模块加载视频。

我的初始代码是在 app.js 中呈现的 home.js 组件：

然后我尝试从 /public 加载：

最后反应播放器：

我对反应和 AWS Amplify 的反应还是比较陌生 - 我有什么遗漏吗？提前感谢您的任何指导。

在此处输入图像描述

** 我使用的是 mp4 格式的视频。**

我正在使用 react-player 组件播放带有字幕的电影，如下所示：

但不显示字幕，即使它与电影在同一个文件夹中

最好的问候， Aurelian

我正在尝试使用 react-player 将本地视频加载到反应中来播放视频。我有基本的代码设置，但我不确定为什么视频没有播放。

我已经看到一些关于需要在公共文件夹中的视频的喋喋不休，但这真的有必要吗？这是代码框，下面是实际代码：

我正在尝试组合一个基本的前端全息金字塔 web 应用程序，它可以拍摄视频并将其显示在 4 个窗口中，这些窗口通常以方形图案彼此等距。下面是一个例子：

我继续设置了一个模仿我想要的基本布局（浏览器中的移动视图）：

我现在正在尝试用视频组件替换文字，react-player但是当我这样做时，视频不会对齐和改变大小：

我不确定如何最好地纠正这个问题。我这里有一个代码沙箱：

https://codesandbox.io/s/hologramvideo-952so?file=/src/App.js&resolutionWidth=320&resolutionHeight=675

我所做的只是将“TOP”、“BOTTOM”等替换为<ReactPlayer />. 不知道如何最好地纠正这个问题。感谢一些方向和/或帮助。