react-player is a React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia, Mixcloud, DailyMotion and Kaltura. More information can be found at https://github.com/CookPete/react-player.
Questions tagged [react-player]
213 questions
2
votes
0 answers
how to detect when react-player fails to play due to youtube age/privacy restrictions
(This might be a bug in the library, so also filed as a github issue here.)
I would like to detect when react-player fails to play a youtube video due to privacy settings or age restrictions. It seems that sometimes a play failure will result in…

Helpful Koala
- 71
- 7
2
votes
1 answer
I can't rewind or fast forward using react player
I'm trying to put videos with react, when I host the page locally I can rewind and fast forward the video, but when I deployed the project on CI Gitlab, I can't rewind or fast forward using the video bar.
I'm using the react-player library
…

slimsky1
- 23
- 5
2
votes
3 answers
React local video does not load in production
I am trying to loop a very simple video contained in src/Assets/videos.
When I deploy a local server with npm start, the video performs as expected, however, when I publish to production the video does not load. I am using AWS Amplify CLI to publish…

joshbjames
- 35
- 1
- 5
2
votes
2 answers
Can't resize React-Player Video
Can't resize React-Player Video.
I change the width to any number and the video stays unchanged.
I am trying to optimize it for computer view and then add breakpoints to resize for smaller screens like phones.
Bellow is the file where I render the…
user2373368
2
votes
1 answer
How can I implement a movie player on ReactPlayer with presigned cookies from AWS S3
I'm developing a web site for provide a video on demand service by using React and AWS S3.
I need to must authorize to watch videos.
So I consider to use signed cookie when requesting.
To request using curl was successful.
curl -H…

twatanbe
- 23
- 1
- 3
2
votes
1 answer
React-player play videos automatically when loaded without controls
Im using react-player with cloudinary to automatically play and loop a video without controls (so it looks like a gif).
Preferences currently set to:

rjmxtt
- 23
- 1
- 1
- 6
2
votes
1 answer
ReactPlayer height scales to fit more than the page
On my page, I have a video which I want to encompass the entirety of the webpage's screen. However as of right now, the user must scroll a little bit to reach the bottom, which is not what I want.
My JS:
2
votes
0 answers
React-Player gets stuck on fullscreen mode in mobile
I'm using React-Player as background for a landing page, but when using it on a mobile (not on desktop) it will sometimes, not always, go on fullscreen mode and get stuck there.
The video I'm using is from vimeo, so I'm not sure if the problem is…

the franc
- 133
- 1
- 7
2
votes
1 answer
Getting most-up-to-date information in react/redux
Quick Summary
I want to be able to watch a video, and create some note at a given timestamp I am at in the video. I am currently using react-player library to stream the video, and react/redux project created with CRA. I am finding it difficult to…

Daniel K
- 53
- 3
2
votes
0 answers
With multiple players, force only one player to be playing [React Player]
I have similar issue https://github.com/CookPete/react-player/issues/470
After going through many plugins, this is the best media player for React I've found so thank you!
I'm using this just for audio with the File player type. I have a playlist…

nestorvananaz
- 65
- 6
2
votes
0 answers
Problem with video fullscreen on safari mobile
We are using react-player ,but with custom controllers. We installed react-fullscreen for the fullscreen functionality but it didn't work on safari(mobile). All the internet say that Fullscreen API , that is used in react-fullscreen component, is…

Marina
- 21
- 1
2
votes
2 answers
Play HLS video from S3 using CookPete/react-player
In my s3 bucket I have two objects:
https://mybucketname.s3-eu-west-1.amazonaws.com/public/myfilename.m3u8
https://mybucketname.s3-eu-west-1.amazonaws.com/public/myfilename_360.ts
Because I'm using Storage.get from AWS Amplify, I'm able to get a…

Blq56
- 153
- 2
- 10
2
votes
2 answers
React - 404 not found
I'm having a problem making requests to my endpoint /send-email from React. I have flask-mail configured to make the async call.
This is how frontend makes the request:
emailClient(event, index){
let {clientCount} = this.state;
var headers = {
…

8-Bit Borges
- 9,643
- 29
- 101
- 198
2
votes
2 answers
ReactPlayer subtitle not showing
I have a problem with ReactPlayer component. I'm trying to upload a subtitle(track) using config attribute and it isn't displayed onto the video.
I'm running this project on Chrome. In Networks I found out that my request was blocked with the error…

SnowFlake
- 21
- 1
- 3
2
votes
1 answer
How to modify the controls of React Player while playing the mp4 file. I want the option of getting downloaded be disabled
I want to remove the option of the marked circle in the image from the player so that video can't be downloaded

Govind Maheshwari
- 23
- 1
- 1
- 5