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
How to pass local video file as a prop to ReactPlayer
I'm using react-player component for this.
I have file 1 where I'm storing some data as an array, including a local video.
import videoSample from "../assets/videos/sample-video.mov";
export const Data = {
ProjectList: [
{
title: "My…
rdev
- 21
- 4
0
votes
1 answer
how to turn off buffering in react-player?
when I try to play the next video it does not start and I guess the problem is buffering.
P.S my url is video.m3u8 files
It works fine, but when i change url nothing happens, i would like to know how can i stop current video and load a new one whe,…
saya70
- 1
- 1
0
votes
1 answer
Extract music metadata (music title, album title, artist name...) using react-player
I'm building a simple web app that plays music streams.
The constitution of the web app is
audio.m4a -> ffmpeg -> nginx + rtmp module -> frontend browser
In the frontend browser, use react-player.
The audio data is published as HLS audio data.
So, I…
Pierogi
- 341
- 1
- 3
- 17
0
votes
0 answers
Adjust React Player Video height and width fit to screen
I'm using react-player for a video that fits to 100% height and width. It works fine on the web browser but on the mobile almost half of the screen is left empty. How can I be able to make the height and width equal to the screen height and…
Salman Abbas
- 41
- 6
0
votes
1 answer
How to autoplay embedded you tube videos in react app?
I have followed several suggestions for making the youtube video autoplay, but couldn't do it. My codes are as follows:
1st Try (The raw embedded code acquired directly from youtube):
Salekin Nabil
- 1
- 1
0
votes
0 answers
Froce-HLS with real iphones
I always need hls.js to be load, i'm setting forceHLS key to (true).
Just through real iphone device react player not read hls.js file implemented.
Take in consideration that hls.js works normally through the iphone in the inspect element.
Thanks
0
votes
1 answer
Vue equivalent for the ReactPlayer component
I've been using the ReactPlayer component in the past and was wondering if there is a Vuejs equivalent to it?
I found this, but this component doesn't seem to be maintained anymore + doesn't have all the functionalities of ReactPlayer.
Gold
- 143
- 1
- 6
0
votes
1 answer
Youtube Live Stream Not Playing In a react-player version 2.9.0
I integrated react-player to react.js website and it worked fine. But in a few days, it stopped working. and I also updated the plugin version to version 2.9.0. But it didn't work. And I noticed normal videos from youtube are playing fine But…
Osada
- 70
- 1
- 8
0
votes
1 answer
Embedded Vimeo videos lost controls and logo after starting Pro trial
I was able to embed Vimeo video just fine with the Basic account. However, I now started Pro trial and all controls disappeared. So, if I pass playing={true} to , the video plays just fine. Otherwise, it looks as a screenshot of the…
AlwaysLearning
- 7,257
- 4
- 33
- 68
0
votes
2 answers
React memory leak error (Can't perform a React state update on an unmounted component)
Im getting this error mostly while shifting components. Can anyone help me out. I have tried the abortController and mount state solution but none of them worked
Warning: Can't perform a React state update on an unmounted component. This is a no-op,…
0
votes
1 answer
How to trigger stop method for react-player to stop and end video?
How to trigger stop method for react-player to stop and end video? Here is my code:
{
this.player = player;
}}
url={VIMEO_URL}
onStart={() => {
…
Chandra Prakash
- 26
- 3
0
votes
0 answers
Full Screen React Video on external button click
I have a button outside of React Video Player in my project and I should implement the following logic: when we click on this button, we get a full screen for the video. Here's the simplified example of the code that I'm trying to use which is not…
dnd1993
- 101
- 2
- 11
0
votes
2 answers
Cannot set properties of undefined (setting 'player') ReactPlayer
I keep trying to use the seekTo() method on the ReactPlayer but it keeps telling me this is undefined.
function VideoPlayer({
endVideo,
timePlayed,
controls,
playing,
videoDuration
}) {
return (
…
0
votes
2 answers
Custom overlay button and title on youtube video embedding into react
Need to have custom play button like below, and also need to add video title in any position over the video. Currently trying react-player. Any help will be appreciated
import ReactPlayer from 'react-player'
Arun Kumar
- 355
- 3
- 10
0
votes
1 answer
Getting Error: Argument of type 'number' is not assignable to parameter of type 'string'
I am using react player in my react typescript project. I am using a material UI volume slider to set the volume of react video player.
the volume value will be between 0 - 1 so for calculating the value with respect to the slider i created a…
Rabner Casandara
- 151
- 3
- 18