问题标签 [video-reactjs]

根据这个文档

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

但是这些不起作用..那么，我在这里做错了吗？

我正在使用 Video-react ( https://video-react.js.org/components/player/ )，在页面上，它说我可以this.refs.player.load()在更新其源代码后使用。但我认为不再支持该方法，因为它根本不起作用，而且我在使用 npm 下载的源代码中找不到它。

还有其他方法可以做到这一点或有人找到解决方案吗？这是我的部分代码：

这没有奏效。我尝试重命名 ref 但仍然没有。div 显示但播放器不显示。

编辑：刚刚在 Player.js 组件中找到了这个，但不知道如何实现它：Player.js 组件源代码

我在反应应用程序中使用视频反应。我必须测试一个从视频反应组件调用 ref 方法的组件。我希望使用酶，这样我就可以挂载组件并检查我是否在 ComponentDidMount 中调用了 ref 方法。

基本上，我如何测试 refs.player.seek 是否像下面那样被调用？

我正在制作一个页面，用于显示我公司的一些内部视频。有五个短视频，所以我想在左侧制作视频播放器，在右侧制作播放列表，有点像 YouTube 的做法。

但是，我希望能够单击右侧的视频，然后左侧的视频会相应更改，以及视频播放器下的一些元数据（标题和描述）。

我想要实现的是当单击播放列表组件项时，这应该向上传播到父组件并向下传播到视频组件。

目前我的代码如下所示：

我使用的视频播放器是video-reactjs包。

我将 react-responsive-audio-player 与 video-react 结合使用。当有人前进到下一个音频播放列表元素时，我想重新开始播放视频。

由于这些都是第 3 方组件并且没有 Parent -> Sibling 关系，因此当音频播放器上发生事件时，我不确定如何触发事件以重新启动视频。

基于下面，有一个名为onMediaEvent的道具，但我不清楚如何有效地编写restartVideo。感谢您的任何指示。

我在我的项目中使用 react-video-player 组件，在页面中使用它时，它向我显示以下错误。我附上了截图。

任何人都可以帮忙吗？我有以下代码：

而且我有以下配置文件，可以帮助您理解错误。

/* webpack.config.js */

我似乎无法将远程 VTT 文件加载到 html5 视频播放器中（在 ReactJS 中，使用 video-react v 0.11.2（https://github.com/video-react/video-react）

这行不通。makeFileURL 方法创建一个指向 vtt 文件的 url。示例：http://localhost:3000/api/file/download/5b1932c7f4717028c0b5d711-1529538217239-nicks.vtt?access_token=Q4tBHTC36Rumijnvsb9QruNlQJ5EX1mQPBLD86LHFHfJU3ttXOzCdOJBeqIj6xP9

当我在浏览器中访问该文件时，我可以看到该文件，并且 mimetype 是 VTT。当我将文件包含到我的项目中并将其本地加载到 track 元素中时，一切正常。

认为这是一个跨源问题。所以我在 Player 元素中添加了 crossOrigin="true" ，它又将该道具传递给 html5 视频元素，但是当我在 FF 或 chrome 中观看网络选项卡时，当它是远程 url 时，我从来没有看到被请求的文件。当它是本地 url 时，该文件会显示在网络选项卡中，并且一切正常。

没有错误，只是文本轨道不会加载远程文件。

我阅读了文档（https://video-react.js.org/components/player/）并尝试更改视频的宽度和高度，但没有成功。我在这里也发现了同样的问题： video-react 属性宽度和高度不起作用

即使将流体设置为假并且它不起作用，我如何调整视频的大小？

我的代码：

我想通过在 reactjs 中流式传输从其中一个 url 播放视频这是否支持Video-React有人可以帮助我。

我想切换全屏。组件有一个 toggleFullscreen 方法，但在文档中只是类组件。