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
1 answer
Make default volume to 50% in react-player
I have used a react-player for one of my video play website. I have mute video when video starts to play. When I unmute the video then it will unmute with the 100% volume but I need to start the volume to 50%.
It's working fine with the…
Rav's Patel
- 743
- 6
- 22
0
votes
1 answer
Getting "Cannot play media. No decoders for requested formats: text/html" Error when using react-player to play mp3 file
I've been trying to play a single audio file with react-player but it doesn't seem to be reading the file properly. This is the React prop that I'm using to play my file.
Patrick Finnigan
- 21
- 1
- 6
0
votes
1 answer
React.JS video player bug
I am working with a player. I'm developing a website in React and want to use Fragment of a video player to use on some pages. So I create videoFr.js script with that code.
import React from 'react'
import '../styles/video.scss';
const…
Volodymyr RT
- 339
- 4
- 13
0
votes
1 answer
Set up audio streams in react-player
I'm integrating the react-player component (https://github.com/CookPete/react-player) into my website, however, I don't find how could I set multiple audio streams.
Furthermore, I'd like to set both DASH and HLS video streams, but adding them as an…
FVod
- 2,245
- 5
- 25
- 52
0
votes
1 answer
Controls not working between html5 audio player and android native player when audio is started dynamically (autoplay)
I'm using npm react-player to play some audio and video files In a react app. I have allowed the user to toggle an autoplay feature for audio.
const ReactPlayer = require('react-player').default;
const autoplay = true; // if user chose to enable…
Rasmus Puls
- 3,009
- 7
- 21
- 58
0
votes
1 answer
Toggle play/pause in react-music-player
I am using react-music-player(lijinke666/react-music-player) for my audio application . I works fine but i have a use case where i have to control play and pause of the audio from a button outside the player . Player's play and pause button works…
Nishant_061
- 87
- 1
- 7
0
votes
1 answer
React - play media after items are loaded with array.map()
I'm using react-player to render youtube videos with map(), like so:
class Jukebox extends Component {
constructor (props) {
super(props);
this.state = {
youtube_urls:[],
clients:[],
};
};
…
8-Bit Borges
- 9,643
- 29
- 101
- 198
0
votes
2 answers
How can i integrate a Video-Player with React-JSX?
I am a complete Newbie at React/ JSX and coding itself. Thats why at first: sorry if my question may not be as precise as it should be for helping me guys.
At the moment i am building a web-app as a project for my exam. Now i need to integrate a…
FortyTwo
- 1
- 2
0
votes
1 answer
Can't drag and drop a react-player component
I'm trying to drag and drop a react-player video component. For some reason, the drag isn't working.
My guess is that the react-player component is grabbing the mouse action, and not passing it along to the react-dnd wrapper. So, maybe it's a…
Dan Cron
- 1,105
- 12
- 24
0
votes
1 answer
React player vimeo pause
my react player suddenly does not call the onPause callback anymore. I tried https://cookpete.com/react-player/ here and the same problem persists.
When you are playing a video and pause it, the onPause callback is not being called when you are…
dragonsoul
- 1,761
- 2
- 10
- 11
0
votes
0 answers
Failed to execute 'postMessage' on 'DOMWindow
i use react-player and get an error
Kovich
- 61
- 1
- 7
0
votes
1 answer
TypeError: Cannot read property 'lightBoxHandler' of undefined
I am trying to auto close the lightbox, once the video is finished playing.
onEnded attribute worked great 99.99% of time, but sometimes it's not firing callback. So I tried to use onDuration.
Above error occurs in the callback set to onDuration.…
Ishan Patel
- 5,571
- 12
- 47
- 68
-1
votes
2 answers
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 another video the current one will stop. I'm…
John Saville
- 43
- 1
- 7
-1
votes
2 answers
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 performances of react application?
If yes, what would be…
los pollos hermanos
- 187
- 2
- 17
-1
votes
1 answer
How to fill the Facebook embedded video's width in its container with ReactPlayer
I want to add an embedded video to my NextJS app. I am using ReactPlayer but it seems that Facebook does not support the width="100%", because with youtube it works well but when I use a Facebook video, it's always snaps back on 500px. Anyone knows…
Mike
- 71
- 2
- 8