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
ReactPlayer want set playing but get warning
I try to play video use ReactPlayer and set the playing from state and get some error.
Here my code:
function App() {
const [playing, setPlaying] = useState("true");
return(
ciokua ciokua
- 45
- 6
0
votes
1 answer
ReactPlayer make auto play
I try to make video player in reactjs
Here my code
import "./App.css";
import React, { Component, useState } from "react";
import ReactPlayer from "react-player";\
function App() {
const [myvideo, setMyvideo] = useState("");
const arrayqueue =…
eskiko
- 7
- 1
- 4
0
votes
1 answer
How to preview a video upload in react-player?
I have an input of type file which allows my users to upload video files which will be of type File. In my application there also exists the react-player component which takes a URL prop that can be of type array or MediaStream according to its…
nrmad
- 422
- 9
- 19
0
votes
1 answer
Stop video poster stretch in react-player (which uses HTML vide)?
I don't want the poster image to occupy the full dimensions of this video but maintain aspect ratio and get centred. How can I achieve that?
Note: This is a snippet. The actual code is reactjs code sing react player for embedding the video. I will…
user415612
- 457
- 1
- 3
- 13
0
votes
1 answer
ReactPlayer throwing "Video Unavailable" error on IE for youtube
I am getting the above error when using React Player (latest version). Youtube videos are showing 'video unavailable' in IE 11 but are running in chrome. React Player docs says, they support IE. I have added polyfills too as stated in doc but unable…
Shivangi Khandelwal
- 113
- 1
- 1
- 12
0
votes
1 answer
onClick on Wrapper passed to React Player not working
I need to show Youtube Video, so I am using React Player.
One single click on my video, I have to full screen it.
Here is my code:
import ReactPlayer from 'react-player/lazy';
import { SerializedStyles } from '@emotion/core';
import _pick from…
Shivangi Khandelwal
- 113
- 1
- 1
- 12
0
votes
1 answer
unmute react-player when fullscreen is toggled from outer component
I have a VideoItem- and a Player-component
In VideoList a button is clicked and is going to fullscreen mode (is working as expected)
I will unmute player when fullscreen is clicked.
How can I pass down a "mute" change from VideoList to Player? In my…
Jan
- 12,992
- 9
- 53
- 89
0
votes
1 answer
How can I Add onClick functionality to particular column in React Js?
I have a datagrid in which there is one column named File_link. I want to add functionality to that field such that when user clicks that cell it should open react player and pass that cell value as url to react player. I have already created react…
J.Shah
- 1
- 2
0
votes
1 answer
How to properly position more than 100% width in react
I am using react-responsive-carousel to create a carosouel of youtube videos as in http://react-responsive-carousel.js.org/storybook/?path=/story/02-advanced--youtube-autoplay-with-custom-thumbs.
I want to remove the blackbox on the sides as shown…
Prajwol Gyawali
- 11
- 2
0
votes
0 answers
Vimeo videos do not work on mobile devices
I'm using react-player lib for loading videos on my app, but vimeo videos sometimes won't work on mobile devices. Youtube videos are good, so far as I've tested and vimeo always work on desktop.
I don't get any errors on the console when the video…
0
votes
1 answer
react-player uploading and playing new video
I am uploading video through express server to react's public folder and using hook for the name of the file. If its a large video file, after uploading react player starts playing it correctly. But if the file is small, player doesn't run it and I…
Bassam Ishaq
- 13
- 4
0
votes
1 answer
HTML Video failing on mobile
I'm playing a video in ReactPlayer that generates an HTML5 video in a
user2497586
0
votes
1 answer
How to stop playing loaded video and load a new one when url changes using React Player?
I added the React Player into my application and it look like:
{videos ?
No video
} It works fine, but when i change url nothing happens, i would…
Uladz Kha
- 2,154
- 4
- 40
- 61
0
votes
1 answer
youtube from IOS mobile device not working as aspected
When I'm using react-player with controls options and youtube video I cant press the volume and full-screen buttons because the title is hiding them and clicking on the video makes double click happen.
Using youtube iframe working as expected (the…
ronara
- 336
- 11
- 26
0
votes
3 answers
how to change the width of react player from its default
I am using react-player to play video in an app. And it comes with default width which is not responsive. I used some css but it does not work.
import ReactPlayer from 'react-player';
Kritish Bhattarai
- 1,501
- 15
- 20