Questions tagged [video-reactjs]

25 questions
6
votes
2 answers

React - How to resize a video-react Player?

I read the docs (https://video-react.js.org/components/player/) and tried to change width and height of a video, but it didn't work. I also found the same problem here: video-react attribute width and height is not working How can I rezise the video…
Stévillis
  • 491
  • 1
  • 6
  • 16
2
votes
1 answer

Javascript: How to count how much time a user spent watching a video?

I am trying to save how much time a user spent watching video. I stumbled upon the played video attribute: It’s worth mentioning the played property — this tells us which time ranges have been played within the media. For example: var played =…
AG_HIHI
  • 1,705
  • 5
  • 27
  • 69
2
votes
2 answers

How can I add onClick event for Ref Element using React Hooks?

I want to toggle FullScreen. component has a toggleFullscreen method, but in docs just Class Components. import React, { useRef } from 'react'; // Components import { Player } from 'video-react'; export default () => { const videoRef =…
user11817618
2
votes
1 answer

Does Video-React support video Streaming from url

I want to play video from one of the url by streaming in reactjs does this supports Video-React could someone help me out.
Sravan Shetty
  • 159
  • 2
  • 3
  • 9
2
votes
1 answer

video-react attribute width and height is not working

As per this doc We can add width and height for player in attribute
Bijay Rai
  • 961
  • 1
  • 12
  • 32
1
vote
0 answers

How to use react-video-recorder with tensorflow plugin?

How to use react-video-recorder with tensorflow plugin? Using react-webcam doesn`t problem but couldn't use together react-video-recorder and tensorflow. function VideoRecord() { const webcamRef = useRef(null); const canvasRef = useRef(null); …
Elchin
  • 39
  • 6
1
vote
1 answer

Video react - How to Subcribe to state change

I tried subscribeToStateChange but keep getting TypeError: playerRef.subscribeToStateChange is not a function not sure what im doing wrong since I am using functional components. here is the useEffect hook - trying to subscribe and set state at the…
Ice_mank
  • 410
  • 3
  • 8
1
vote
0 answers

Video-React: How to detect when the event when user played or paused the video?

I am trying to execute some logic whenever the user plays/pauses a video that is implemented using Video-React: { this.player = player; }} src={videoURL} >
AG_HIHI
  • 1,705
  • 5
  • 27
  • 69
1
vote
1 answer

Take a snapshot from a video-react

video-react capture-frame I'm trying to get a snapshot from a video-react using capture-frame but when I call the function captureFrame(video) it trhows the next. error:Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement':…
1
vote
1 answer

Remotely load element in HTML video

I can't seem to load remote VTT files into an html5 video player (in ReactJS, using video-react v 0.11.2 (https://github.com/video-react/video-react)
IAteYourKitten
  • 968
  • 1
  • 6
  • 13
1
vote
2 answers

Video React Component showing error

I'm using the react-video-player component in my project & while using it in the page, it's showing me the following error. I have attached the screenshot. Can anyone help ? I'm having the following code: import React, { Component } from…
Subhojit
  • 1,389
  • 8
  • 19
  • 33
1
vote
0 answers

Reactjs restart video on click of an audio player

I am using react-responsive-audio-player in conjunction with video-react. When someone advances to the next audio playlist element, I would like to restart the video's playback. Since these are both 3rd party components and do not have a Parent ->…
jrjames83
  • 901
  • 2
  • 9
  • 22
1
vote
1 answer

What is the best way to change a playing video in React

I am making an page that is to be used to show some internal videos in my company. There are five short videos so I thought of making the video player on the left, and a playlist on the right, kind of like how YouTube does it. However, I want to be…
rebellion
  • 6,628
  • 11
  • 48
  • 79
0
votes
0 answers

My web player shows nothing when generating a blob URL in React

Honestly I'm not very good with this and I don't know how to solve it. I want to make a video and movie player. I am using the blob urls in a react function. My problem is that the player keeps showing nothing or loading all the time. The video…
0
votes
0 answers

How to manage mute/unmute on multiple videos using useRef like instagram reels in ReactJS

I have created one component in which I am mapping videos and passing each video to one child component. In child component managing video play/pause, mute/unmute using videoRef which I have bind in video tag. And on scroll up/down moving to…
1
2