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.
Questions tagged [react-player]
213 questions
0
votes
2 answers
React-player: unable to play just selected item from mapped array
I´m using react-player in nextjs-app to show videos fetched via youtube-api.
Everything works fine, modal gets open after clicking on the playBtn but then the player plays all videos, not just the selected one. I really don´t know why because I set…
Ydonut13
- 47
- 1
- 11
0
votes
2 answers
why is react-player playing video even when playing={false}?
The react-player is playing video even when playing={false}. I'm using antd modal which is wrapped around my player.
when I close the modal state changes to false. Which is passed in react-player but the player keeps on playing in the background.
…
era s'q
- 537
- 1
- 7
- 27
0
votes
1 answer
How prevent use AirPlay on iPhone on my Next/React project
On my project(Next.js/React.js) react-player worked fine for a long time.
Then I decided to encrypt the link, and it worked fine, but after about a week, audio via AirPlay started to play on the iPhone, which is very inconvenient.
I didn’t quite…
Roman Nozhenko
- 698
- 8
- 21
0
votes
0 answers
react-player responsive with chakra UI
im trying to make a full response window, which contains a rows. Above a video playing and at the bottom, some controls.
i applied the css recommended here for a full responsive keeping aspect ratio https://www.npmjs.com/package/react-player
This is…
ValenciaHQ
- 381
- 1
- 13
0
votes
0 answers
reactPlayer cant play local dash(mpd) file it return 403 status code (forbiden error)
my code is here
kaondo
- 1
- 3
0
votes
2 answers
Is there a way in React/JSX/NextJS to have a video auto open in fullscreen upon clicking a gif?
Use case: I have a client who'd like on their homepage to have a gif version of a video that, when clicked, opens up a full screen video player. How can I manage this? I've been building the site in the NextJS framework.
I'm looking to do something…
mckman
- 15
- 4
0
votes
1 answer
Audio element and react-player not working on iPhone mobile
I am working with an app that I have placed in cloud. The web version of the app works nicely with Windows Desktop and Android mobile and even Mac Desktop but fails to play both audio element and video (react-player) with iPhone mobile.
The audio…
Satuliini
- 1
- 2
0
votes
1 answer
Hide Something in Video in React
I need to hide the icon encircled on the picture below? How can I hide it? I'm using react-player.
Pls check this codesandbox
CLICK HERE
Joseph
- 7,042
- 23
- 83
- 181
0
votes
0 answers
Clicking Video Doesn't Play in IOS in React
I have a problem on playing the video when I click the play button on the center. I'm using react-player for it. I still need to click the play on the controls on the bottom just to play it. This only happens on IOS safari and on MacOS Safari. It…
Joseph
- 7,042
- 23
- 83
- 181
0
votes
0 answers
React player video does not stop on playing
I am using React-Slick for slider . Here in one one of my slider I have a video to play. I am able to play video using React-Video But the video plays even if we change slide
const [ isplaying, setIsplaying ] = useState(false)
…
ganesh kaspate
- 1
- 9
- 41
- 88
0
votes
1 answer
React - How do I place 4 video divs in a square layout?
I am attempting to put together a basic frontend holographic pyramid webapp that takes a video and displays it in 4 windows generally equidistant from each other in a square pattern. Below is an example:
I went ahead and set up a basic layout that…
LoF10
- 1,907
- 1
- 23
- 64
0
votes
1 answer
Black Video Screen when attempting to load a video file to react?
I am attempting to load a local video into react using react-player to play the video. I have the basic code setup but I am unsure why the video isn't playing.
I've seen some chatter about the video needing to be in the public folder but is that…
LoF10
- 1,907
- 1
- 23
- 64
0
votes
0 answers
react.js react-player does not show subtitle
I am using the react-player component to play a movie with subtitle as it shows below:
import myVideo from '../media/test.mp4'
import React from 'react'
import ReactPlayer from 'react-player'
import './Video.css'
class Video extends…
aurelianr
- 538
- 2
- 12
- 35
0
votes
0 answers
How to set the number of seconds to start the video? Using the Re4act-Player library
enter image description here
**
I'm using a mp4 format video.**
0
votes
1 answer
Change ReactPlayer subtitles
Can I custom or change the font, color, and position for subtitles?
This is my code
ciokua ciokua
- 45
- 6