206 questions
-5
votes
1
answer
59
views
Full screen cover does not work for a react video player component
<ReactPlayer
key={1}
style={{
objectFit: "cover",
overflow: "hidden",
}}
width={window.innerWidth}
height={window.innerHeight}
src={"https://vimeo.com/...
- 3,330
0
votes
0
answers
68
views
How to synchronize hover time and seek time in a custom React video player using ReactPlayer?
I'm building a custom video player in React and I'm having trouble aligning the time displayed on hover over the progress bar with the actual seek time used when clicking.
Problem
I use an as the ...
1
vote
0
answers
41
views
Why Am I Hearing Future Audio Despite Pausing Early in React Video Player?
Question:
I'm developing a React-based video player with captions using ReactPlayer, and I’ve run into a strange issue. When I pause the video 100ms before the next caption starts, I still hear a ...
- 11
0
votes
0
answers
53
views
Authorizing <video/> tag from html with JWT
The <video /> tag in HTML doesn't provide the possibility to change headers on requests. The only possibility I have found was to change the cross-origin prop, but due the security warnings and ...
- 1
3
votes
3
answers
10k
views
Webapp > Youtube > Sign in to confirm that you're not a bot error
I am integrating youtube player using the `react-player ' package. It works well on chrome but on safari and other browsers it's asking to signin without any link/option to signin.
Youtube is signed ...
- 31
0
votes
0
answers
119
views
How can I play File using react-player?
I am reading file using file input form (using mui-file-input library). This way I have File object in my code. How can I play it using react-player? I have tried <ReactPlayer url={file} /> but ...
- 171
0
votes
1
answer
454
views
Multiple <ReactPlayer>'s, how can I pause another when one starts?
I have a custom component that contains a single <ReactPlayer>. I am calling my component <VideoPlayer>. If I have multiple <VideoPlayer>'s on one page, they can be played ...
- 11.2k
0
votes
1
answer
570
views
Can I customize the error message displayed when React Player cannot play a video?
I have a use case for React Player (https://www.npmjs.com/package/react-player) where the video that is being displayed from a Cloudfront presigned URL might not exist.
Currently, when the user tries ...
- 1
3
votes
1
answer
290
views
ReactPlayer starts at given timestamp that immediately jumps to random timestamp
So I'm using the ReactPlayer component to play a YouTube video given a timestamp. It starts the video at the timestamp specified in the URL and then immediately jumps to a random timestamp.
...
2
votes
0
answers
687
views
ReactPlayer from react-player not working on IOS devices
I'm trying to add a video for a website, the video is working on most devices but on iPhone devices it's not playing, I used react-player as a player for my video.
Here is my code:
<ReactPlayer
...
-1
votes
2
answers
3k
views
React Player playerRef.current.playing = false does not stop video from playing
The video still plays in the background (sound) even after the video player has been closed. I tried using pause() but apparently it isn't a function. If I select another thumbnail and bring up ...
- 51
1
vote
3
answers
4k
views
ReactPlayer doesn't load videos initially
I am using ReactPlayer in my React application to display videos, which are stored in a local folder. However, I'm facing an issue where the videos don't load initially when the page is loaded or ...
- 83
-1
votes
3
answers
1k
views
Will 50 videos stored in React app public folder affect performances of application?
I am building react app that is about video tutorials. I am planning to store around 40-60 videos around 40-50 MB each in public folder of my react app. Is that good approach, will that affect ...
0
votes
2
answers
3k
views
react-player video captions with .srt file
I have a React/Typescript project with Next js
There is a modal feature that uses 'react-player' to show a video. I've got the video and modal working, but I want to add captions with a .srt file.
...
- 150
0
votes
1
answer
571
views
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 ...
3
votes
1
answer
691
views
React-Player Volume change issue
I've been recently working around with React-Player and I'm facing some issues when the volume intensity is changing.
https://github.com/cookpete/react-player
More precisely, for the purpose of the ...
- 31
1
vote
1
answer
298
views
Play local audio wav file with react-app from docker
I'm trying to use react-player to play local wav files.
I'm not sure of the following.
Does the player support wav files?
When I'm running the react-app through docker what should I put in the url ...
- 1,847
2
votes
1
answer
413
views
How to make a playlist to play continuously in react music palyer
I am new at react, so don't be too harsh.
I'm building music player and I have one last thing left - I can't figure out how to play next song after current one ended.
Here is my code
const [tracks, ...
0
votes
1
answer
1k
views
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 ...
- 1
1
vote
2
answers
5k
views
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....
- 135
0
votes
0
answers
351
views
How to load video from local file URL without MediaStream
What's the way play local videos? This option doesn't work:
const url = '/localVideo.mp4';
<ReactPlayer url={url} width="100%"
height="100%"
controls={...
- 106k
1
vote
1
answer
1k
views
How to make the Swiper.js and React Player carousel responsive
I have been looking for a way to make my Swiper.js carousel responsive when it's nesting the Youtube React Player. I finally found a workaround and hope this helps somebody. This also works if the ...
- 326
0
votes
2
answers
2k
views
How to React Player fit in div box?
How to React Player fit in div box?
My code is like this but the React Video doesn't fit box like photo
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
...
user15346124
1
vote
0
answers
233
views
Is it possible to insert video inside antd image preview
I am trying to insert a "<ReactPlayer /" into the "<Image /" preview of antd.
Need to display player when you click the "preview" button on some image and play the ...
0
votes
1
answer
691
views
Video pause on scroll (React.js | material UI)
I have a video on my site that I want to be paused when I scroll it and play only when its visible. I have tried some solutions from internet but things are not working out.
This is my current code. I ...
- 333