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
0
votes
2 answers

React-player for vimeo show the player to be small at first

I have installed Reactplayer package in my Next.js application where i tried to load the vimeo video. but during the initial render the player seems to be small and then it expands like the one in the screenshot. Initial After render Here is the…
Nidhin Kumar
  • 3,278
  • 9
  • 40
  • 72
0
votes
0 answers

React player not retrieving on time firebase video link's duration(/length)

My project allows user to record his screen, then upload the screen recording on firebase. In a different component, I am using React Player component to which i'm passing the firebase video url. My issue is that for some reason, the video never…
dani_l_n
  • 376
  • 1
  • 11
0
votes
0 answers

Brightcove picture in picture issue

I'm having an issue where looks like Brightcove leaves the player and the picture-in-picture in between states. Cause I'm not able to see the video, but I can hear it, and when I scroll a bit picture-in-picture appears and the video is playing…
danihazler
  • 413
  • 1
  • 6
  • 13
0
votes
1 answer

Pausing Video when navigating in Carousel and React Player

I am creating a Carousel to show some videos including audio, however when navigating the carousel using the arrows the video and audio continue playing. I dont know if an event listener would be best or if there is a React Player component I can…
mikejohn33
  • 1
  • 1
0
votes
1 answer

react-player viewport play not working mobile

I've created this component, it's a simple player that should be playing while user is on viewport and stop playing when leave it. Everything works fine on browser, but in mobile it's not playing until i touch manually. After that it's taking…
ValenciaHQ
  • 381
  • 1
  • 13
0
votes
0 answers

(loading other video) while the first video play - react player

My case is when the video is playing and the user want to move to other one, the (react-player) has the white screen until the the other video is loaded, then the other video will start. What I want is, the first video will be play until the other…
S3D
  • 109
  • 1
  • 9
0
votes
1 answer

How to stream instagram story downloader link?

I have used a package to fetch the downloaded link of the instagram story and it is working perfectly. The link im getting its…
Ali Raees
  • 21
  • 6
0
votes
0 answers

How can I display YouTube and Vimeo videos in my ReactJS app?

I use ReactPlayer. It works with YouTube video but with Vimeo it's not working. I fetch the URL for the videos from Firestore. With the YouTube videos I got CORS erros because of external URLs. Have you any idea to deal with it? Thanks a lot.
imen
  • 29
  • 5
0
votes
0 answers

How to hide "More Videos" recommendation section in react-player

So, I am trying to create a Video Player on React that will play videos from YouTube using the react-player library. But the problem is that the "More Videos" section appears when I pause the video and I don't want that. Here's the code…
prmethus
  • 45
  • 5
0
votes
0 answers

How can I properly style video background for a hero section in React?

I want a hero section in my website with a running video instead of an image, styling is easy peasy for a background image but a pain in the a*s for video. This is my code:
Juan Salazar
  • 1
  • 1
0
votes
0 answers

Is there any way to hide a (hidden) YouTube video's title from media controls?

I have a hidden YouTube video used in a Heardle clone on my site. The idea is for the user to not know what the song is, however when media controls are changed it shows the currently playing video: https://i.stack.imgur.com/9bzjE.png Is there any…
swc19
  • 3
  • 2
0
votes
1 answer

Weird Behavior in ReactPlayer

I am trying to include videos in my react project for that I am using ReactPlayer by cookpete. Now the problem is it doesn't correctly parses or make us of, whatever, the url of the video inside the browser's html video tag where in the src…
Ishtiaq Naqi
  • 19
  • 6
0
votes
1 answer

Create a floating video player in React

I have installed the React-Player module and it works great. However, I am having some issues with trying to set the player inside an Element that will make it act like a floating player which will display across my application, no matter which page…
Hein
  • 1
  • 3
0
votes
2 answers

react-player SeekTo is not a function

I am using react-player with my next.js site and am having trouble using seekTo function. It results in error saying: "playerRef.seekTo is not a function" I tried "playerRef.current.seekTo(parseFloat(e.target.value))" as well but same error…
MiMi
  • 85
  • 1
  • 2
  • 8
0
votes
2 answers

Best practice to embed Vimeo video in Nextjs or Reactjs

I'm making a website with Next.js and wanting to embed vimeo videos and wondering what is the most common practice to do it. I've tried regular iframe, react-player, @u-wave/react-vimeo. I realized @u-wave/react-vimeo gives me 410 error sometimes…
MiMi
  • 85
  • 1
  • 2
  • 8
1 2 3
…
14 15