Questions tagged [react-player]

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.

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…
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…
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…
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…
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
1 2
3
14 15