Stack Overflow
Stack Overflow

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
1
vote
1 answer

Adding subtitles in React Player?

i am trying to add subtitles in React Player component , Here is the code for react player component
Hamza Manan
  • 126
  • 1
  • 3
  • 13
1
vote
0 answers

ReactPlayer won't show videos with same object in the array

I have project when put number of videos to play it will select videos from array and but it in buyList[], so when put like 3 videos and click play , works fine if the the objects in the buyList[] are not the same , but some time the buyList[]…
OsamahM
  • 337
  • 1
  • 2
  • 16
1
vote
0 answers

React player: Fullscreen mode with custom controls on iOS browsers

I have a component that uses React player to show and control a video. On a desktop browser, all controls work as they should, but only the fullscreen function doesn't work on iOS browsers. As I read about this topic, I see that many had the same…
TheRoyality
  • 103
  • 2
  • 10
1
vote
0 answers

Audio playlist autoplaying queue on iOS

Greetings to all fellow front-end coders. I have quite a headache because of Apple's autoplay policy. As you've probably experienced, you can't autoplay a video / audio element with sound without user interaction. (I'm referring to this) I'm…
BasterCz
  • 51
  • 2
1
vote
1 answer

How to play a video from a particular timestamp when user clicks on a button in Brightcove

I am working on Brightcove to play a video. I need to play a video from a particular timestamp within the video. For eg: if the user clicks on a button the video should play from 5 min 30 sec of the video. I think the idea is clear. I am using…
Happy bean
  • 89
  • 2
  • 16
1
vote
0 answers

react-player cant play local video

I'm trying to create a popup that will play a video and when it clicked while playing it will pause and hide the popup. This is when the user clicks to show and play the video
vidControl("PLAY")}> …
itsMe
  • 133
  • 12
1
vote
2 answers

React - How to go back to default state?

I'm playing a Youtube video. Once something is typed down, the API server would reply back with a URL that is played in the same player as the Youtube's. How can I go back to the YT video once the API's video is over? The Player video code…
Federiz
  • 15
  • 8
1
vote
0 answers

ReactPlayer won't show some videos from vimeo

I have a React App that uses ReactPlayer to reproduce videos, which are from Vimeo or YouTube. My problem is that, for some reason, some videos from Vimeo are not shown. The way I'm implementing ReactPlayer is: import ReactPlayer from…
Rafael
  • 2,413
  • 4
  • 32
  • 54
1
vote
0 answers

Will using a large local video file with React Player affect site loading speed in NextJS?

I realise this is almost certainly a very stupid question, but my brain's not working and I really need to know the answer. I have a React/NextJS site on which I would like to show a rather large video file, over 20mb probably, using react-player.…
Ray Purchase
  • 681
  • 1
  • 11
  • 37
1
vote
1 answer

Rendering different youtube videos on button click

I created a react app where I display different video games and the app decides which game to play. I also have a file where I stored the data of video games. The goal I'm trying to achieve is to render the youtube video trailer of the corresponding…
N.O
  • 43
  • 4
1
vote
1 answer

React Player does not load video with url in mobile version on chrome

the attach video link with react player is working smoothly on browser. But when i try to test with mobile versions on chrome it does not load video. const streamUrl='https://d3nzuksi34yzii.cloudfront.net/4611/240/240p.m3u8';
Nafaz M N M
  • 1,558
  • 2
  • 27
  • 41
1
vote
2 answers

React-player How to handle Play Pause state with autoplay

I have a problem with the autoplay policy it completely messes my custom layout. In the component, there is a "play" state by default set as true to trigger autoplay but after refreshing a page autoplay doesn't work even if the "play" state is set…
GooMee
  • 21
  • 1
  • 3
1
vote
0 answers

React-Player not resizing video properly

I'm trying to display a trailer on my website. I use react-player library to embed YouTube videos. The default video player size is rather small, and I wanted the same size as displayed on the original YouTube website. I went to tweak the parameters…
xmuhs
  • 96
  • 1
  • 9
1
vote
1 answer

screenfull not expanding the video in Safari 14

I built a custom video player based on react-player lib but there is a problem in Safari browser that you can see on the screenshot. It does seem to enable the full-screen mode but the controls are in the wrong place and the video itself is not…
Oleksandr Fomin
  • 2,005
  • 5
  • 25
  • 47
1
vote
1 answer

Parsing Error in a project using react-player that is build on GatsbyJs

I'm using react-player to make a responsive web player app to get the stats about playedTime and all that stuff using a callback prop onProgress. But when I'm writing the code to useState, it gives a Parsing Error saying Unexpected Token, Expected…
Parth Arora
  • 21
  • 7
1 2 3
…
14 15