问题标签 [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.

0 投票
2 回答
5064 浏览

reactjs - How to stop React Player from playing when close modal?

I am using React Player npm install for React project. The video player is in a modal. How do I stop it from playing when the modal closes? Is there a ReactPlayer.stop() or a ReactPlayer.pause() type of functionality that I can add in my hideModal function?

0 投票
1 回答
333 浏览

reactjs - 反应播放器 vimeo 暂停

我的反应播放器突然不再调用 onPause 回调。我在这里尝试 了https://cookpete.com/react-player/并且同样的问题仍然存在。当您播放视频并暂停时,使用 vimeo 时不会调用 onPause 回调。奇怪的是,它适用于 youtube 视频。它只是突然发生,我认为这是 vimeos 错误(不是播放器本身,因为我没有更新它,我想)有人可以确认/修复这个错误吗?

问候

0 投票
1 回答
845 浏览

reactjs - 无法拖放反应播放器组件

我正在尝试拖放反应播放器视频组件。由于某种原因,拖动不起作用。

我的猜测是 react-player 组件正在抓取鼠标动作,而不是将其传递给 react-dnd 包装器。那么,也许这是反应播放器的错误/功能?我希望设置controls={false}告诉 react-player 不要这样做,所以也许那里有一些我不明白的东西。

现在,我将我的选择视为以下选项之一:

  • Fork 一个 react-player 的私有副本,并删除鼠标交互或通过添加一个mouse={false}. 也许将此功能添加回 react-player。

  • 某种类型的 react-dnd 解决方法,例如位于视频上方的透明组件。拖放透明组件。

我还有其他选择吗?我错过了什么?有没有人有关于在 react-player 中关闭鼠标事件的提示?谁能指出我添加透明组件进行拖放的示例?(我想我可以做到这一点......但看到一个例子可能会加快速度!)

示例代码 - 自动运行视频

上面的示例代码结合了两个示例。第一个示例显示了一个无法拖动的视频。第二个在比视频大的 div 中有一个视频。您可以通过视频周围的蓝色“手柄”拖动第二个视频,但不能通过抓取视频本身进行拖动。

(最后一个小问题。我不想在被拖动的项目上显示实时视频,只是一个矩形就可以了。无论如何,被拖动的实时视频可能太迟钝了。)

0 投票
2 回答
1938 浏览

reactjs - ReactPlayer 字幕未显示

我对ReactPlayer组件有疑问。我正在尝试使用配置属性上传字幕(曲目),但它没有显示在视频上。

我在 Chrome 上运行这个项目。在 Networks 中,我发现我的请求因错误“blocked:origin”而被阻止,这就是我添加的原因:

这是我的ReactPlayer组件:

另外,我正在使用 React v16.2.0和 ReactPlayer v0.25.3

0 投票
1 回答
2263 浏览

reactjs - 如何使用 IP 地址在 ReactJS 中实现直播?

我得到了 RTSP URL,但它不能在 ReactJS 播放器中使用。react 播放器只支持 HTTP URL,播放器也不支持所有流。

React 播放器或 React JS 中的 RTSP URL 没有任何支持。

如何在 React js 中实现 RTSP URL 的直播

0 投票
2 回答
1536 浏览

javascript - 如何将视频播放器与 React-JSX 集成?

我是 React/JSX 和自己编码的新手。这就是为什么起初:对不起,如果我的问题可能没有帮助我的家伙应该那​​么精确。

目前我正在构建一个网络应用程序作为我的考试项目。现在我需要集成一个视频播放器,但我能找到的似乎都不适合我的代码。我正在使用视觉工作室代码和 npm。我已经“npm install(ed)react-player” 现在回答我的问题。谁能提供一个简单的例子来说明如何将一个简单的视频播放器作为一个组件集成到我的主应用程序中?

我尝试编写一个类“播放器”作为外部组件。然后我想将它集成到我的 main-apps 渲染方法中。但是,如果我查看浏览器检查器,我找不到我的标签。

我只想让播放器出现在我的页面上。

0 投票
2 回答
2407 浏览

reactjs - 防止在反应播放器中点击你的视频链接

我在我的反应项目中使用 ReactPlayer https://www.npmjs.com/package/react-player并且它正在工作,但问题是当我放置任何 youtube 视频 url 时,所有 youtube 视频系列都显示播放器的底部,如果每当我点击那个 youtube 视频标题时,它就会重定向到 youtube 网站。

所以我只想禁用所有东西,可以使用任何方式吗?您的帮助将不胜感激

感谢提前

0 投票
2 回答
5686 浏览

reactjs - 在 react-player 中,如何禁用全屏按钮?

这是我当前用于渲染反应播放器视频的代码

0 投票
1 回答
1108 浏览

reactjs - React - 在使用 array.map() 加载项目后播放媒体

我正在使用react-player来渲染 youtube 视频map(),如下所示:

根据库道具之一playing(见上文),您可以在渲染完成时自动播放媒体,但如果我使用map()这将导致所有视频同时播放。

同时,还有回调 prop onReady()

当媒体加载并准备好播放时调用。如果播放设置为真,媒体将立即播放。


问题:

在加载所有媒体之后,如何实现这一点并让所有视频从索引 0 开始播放,一次播放一个?

0 投票
0 回答
1128 浏览

reactjs - 我们如何在 react js 中流式传输 rtmp url?

我需要将 RTMP 播放器集成到我的 reactjs 应用程序中。我正在获取 rtmpUrl 进行流式传输并尝试使用 react 播放器,但它不支持 rtmp url。