All Questions
Tagged with html5-video reactjs
220 questions
0
votes
1
answer
76
views
iOS Mobile Video Audio Playback Issues in React
I'm experiencing issues with audio playback in my React video player component specifically on iOS mobile devices (iPhone/iPad). Even after implementing several recommended solutions, including Apple'...
1
vote
0
answers
76
views
HTML5 <video> background not transparent on iOS
I need to use a HTML5 video tag to display a webm file which plays in a loop. I do not want to show any video background or controls. Currently, it looks like this:
.my_video {
display: block;
...
0
votes
1
answer
60
views
html5 video (MP4) does not start automatically
I have this React page where I want to add a video to it but autoplay is not working I am using Opera GX but I tried also on Chrome and Edge and still the autoplay does not work on any of them:
import ...
1
vote
0
answers
76
views
Video tag with MDX giving Minified React error #418
I am creating some documentation, writing pages in MDX which are processed using the rspress.js static site generator. All works well except for an embedded short video, which displays on my local ...
0
votes
0
answers
17
views
How can I use multiple refs for an array of videos to display duration of each video?
I’m currently working on a React project where I pull video URLs from an API and display them using elements. My goal is to retrieve the duration of each video once the metadata has loaded, but I ...
3
votes
1
answer
64
views
React: Switching Between Custom React Video Player and Video.js Causes "Failed to Execute 'removeChild'" Error
I'm working on a video player component in React where I switch between a custom video player and Video.js using a toggle. The initial load of the custom player works fine, and when I switch to Video....
0
votes
1
answer
109
views
React custom video player with a chapters don't work
Custom Video Player Chapters Feature Issues - Video Starts Playing Automatically
I’ve created a custom video player in React with a chapters feature, but I’m encountering an issue where the video ...
0
votes
0
answers
46
views
How can I fix webm in this scenario in safari?
enter image description here
I need to make my webm video to run in safari(in chrome everything is fine) but I have issues like: white background, controls, weird behaviour, I have more webm videos ...
0
votes
0
answers
308
views
Using byte range requests to get frame image from MP4 video
I am trying to make a clone of Youtube and doing it from the tutorial, where the guy is manually creating thumbnail images by using ffmpeg tool to get pictures. That does not sound like an ideal ...
0
votes
0
answers
90
views
React Router intercepting CloudFront static files causing 404 errors
I've got a React app hosted on an S3 Bucket with CloudFront and I'm wanting to have a HTML file play a video (embedded player as an IFrame).
I've setup the CloudFront distribution with a behavior ...
1
vote
1
answer
171
views
UseEffect and video element not working as expected
I have a video element that has a ref to use to get it's properties. Pretty standard stuff, I think. The problem is when the effect runs, the video element (in videoRef.current) gets logged and has a ...
0
votes
2
answers
149
views
The three dots menu apears on the last video (Multiple HTML videos)
I am rendering some HTML video tags to play videos. Now the problem is when the user click on the three dots menu, the menu should appear near the button that triggered it but the menu shows near the ...
0
votes
1
answer
102
views
What is optimal way to reverse video with html and javascript?
I'm building simple informative website for the browser. In this website I'm using video in the background the page look interesting. The problem is I wanted to video work in a certain sequence:
...
-1
votes
1
answer
39
views
Is it possible to remove keycode import in videojs8?
For security request, my project has been scanned by Sonatype Nexus Lifecycle. Which comes out with two issues by keycode:
So, may I ask is it possible to remove keycode in videojs8?
If yes, may I ...
0
votes
0
answers
39
views
how can I update a video by new one selected from pc by using input file, in react js?
I am trying to update the 'src' of video tag by updating state variable. In state variable I am storing the video file which I am selecting from my pc using file input.
I have tried it by using ...