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

Get total played time with React Player

I am working on a video subscription site using Django and React. As we will have multiple people who want to make content for us, I would like to be able to track the time a user has spent in any video, then update the database by adding that time…
vladc
  • 150
  • 1
  • 9
1
vote
1 answer

Dynamic component imported stuck in loading phase : next js

I am new to next js. In my project I need to display youtube videos. I have an api which provides me the video ids to show with its meta details. I wanted to create dynamic pages for each videos. I am using react-player as player. Here is my…
SANGEETH KUMAR S G
  • 598
  • 8
  • 23
1
vote
2 answers

how to display a button when video played 1 minute when using react-player?

in the project, I need the button to show up when the video played 1 minute, anyone can help me with this, using with react-player here is my code, thanks const Page = () => { const [play, setPlay] = useState(false) const [showButton,…
fjie
  • 13
  • 3
1
vote
1 answer

How to disable YouTube context menu in react player (reactjs)?

I've Implemented the react player within a react js site it works fine I can embed video from Vimeo, youtube, and lots of other platforms. Now I need to hide or disable the context menu of youtube videos inside the react player. I made a change as…
Osada
  • 70
  • 1
  • 8
1
vote
0 answers

Select Dash file Bitrates Manually in react-player

I'm using React-player in the project and my task is streaming MPD (DASH) files with resolution switcher feature. based on DASHjs document first I used getBitrateInfoListFor("video") to get all available bitrates and then I disabled auto bitrate…
mrjelveh
  • 11
  • 3
1
vote
0 answers

React Player subtitles are not showing

I receive my subtitles dynamically from the remote API but I can't get them to show in my react-player
Oleksandr Fomin
  • 2,005
  • 5
  • 25
  • 47
1
vote
1 answer

Enable / disable captions using React-Player

I'm using React-Player, and pretty new to this library. Here is my code where I'm using React-Player:
S.G.
  • 11
  • 2
1
vote
1 answer

React-player: Disable full-screen on mobile when starting the video

I'm using a react-player library (https://www.npmjs.com/package/react-player) and everything works great, but there is one thing that I would like to adjust and would like to know how to do it. The problem is that when I play the video from a mobile…
TheRoyality
  • 103
  • 2
  • 10
1
vote
0 answers

video element not filling div completely (React Player)

Code available here: https://codesandbox.io/s/optimistic-saha-i2j64?file=/src/App.js I am having an issue getting React Player to fill the entirety of it's parent div, as you can see in the image below there is a little red on top/bottom Since I…
Edon
  • 1,116
  • 2
  • 22
  • 47
1
vote
0 answers

player in background tab doesn't play next playlist track (autoplay policy ?)

I use the react-player module in a React music app i'm working on. My app has a music playlist. When a track has finished playing, it goes to the next one automatically. Problem is, when the browser tab do not have the focus (background tab), it…
gordie
  • 1,637
  • 3
  • 21
  • 41
1
vote
1 answer

Make a React-video Cover the Parent Container? (react-player)

I'm trying to get my video to fit/cover the entire screen and respond to resize just like if you use objectFit: cover or backgroundSize: cover. Right now when the video is too large you can see the left and right side of the video, and when the…
twominds
  • 1,084
  • 5
  • 20
1
vote
1 answer

On click show the current playing url in a player using react

I have a simple section in which I am displaying different video from different source eg youtube, direct links eg mp4, hls, dash etc I am using react-player plugin to display videos, on click I am changing the video url . Now I would like to show…
The Dead Man
  • 6,258
  • 28
  • 111
  • 193
1
vote
1 answer

How to override third party default styles using Styled Components

I'm currently using VideoPlayer from react-video-js-player and I'm trying to override the default height/width styles to have the video inherit the parents height/width. Since VideoPlayer is simply React wrapper for VideoJS. I assume the styles and…
UnluckyLAD
  • 169
  • 2
  • 18
1
vote
0 answers

Youtube link in ReactPlayer - HTTP Error 429

Today, all of a sudden, I encountered the following error in our React application: HTTP Error 429. We implement Youtube links in the ReactPlayer and it appears this error means there are too many requests from our app to Youtube. I tried working…
swedishtea
  • 149
  • 1
  • 7
1
vote
1 answer

Unable to make react-player light prop always true

I have implemented a slider like property. Inside each slide, there is a video and its name. I am using [react-player][1] to display the video thumbnail. Once you click on any of the video a modal will get open and will play the video I have…
era s'q
  • 537
  • 1
  • 7
  • 27
1 2 3
…
14 15