7,985 questions
-1
votes
1
answer
52
views
DV360 & Trade Desk In Banner Video always getting SSL-Non compliant error [closed]
I'm trying to make In-Banner videos to publish on DV360 and/or TTD. It's a very simple structure made up of HTML, JavaScript and the compressed video in a separate folder. It all gets zipped and ...
-2
votes
1
answer
80
views
HTML MP4 Play On Hover / Pause On Mouse Exit: Only Works On First Video
I am using Javascript to play an HTML5 video when you hover over it, and then pause the video once the mouse exits. The module is working correctly in that sense, except it only works for the first ...
0
votes
2
answers
120
views
How do I make the same button play AND pause the video with jquery? [duplicate]
I'm trying to make a button that plays the video when paused, and pauses when playing. I can make it pause, but I want the same button to play when paused.
BONUS: How can I also make the text change ...
1
vote
0
answers
121
views
three.js: How do I wait for the <canvas> image to update for each render?
Calling renderer.render() in a requestAnimationFrame() loop will often fire faster than the <canvas> element can update its image, making any "true" FPS measurement inaccurate.
In ...
1
vote
1
answer
144
views
Fetched video data using byte range http request not playing in html5 video element
Problem statement :
I have placed a movie file in a node.js server. I want to stream the movie in my browser and display
I have a node server which serves byte range request under http://localhost/...
2
votes
0
answers
147
views
Wrong camera -> video orientation on website "Added to Home Screen" on iPadOS 26: any workarounds?
Given an HTML5 video element...
‹video id='video' autoplay muted playsinline></video>
..and some JavaScript to set its source to a camera by means of getUserMedia...
(async () => {
...
0
votes
1
answer
118
views
Safari fails to play MP4 video from Strapi backend (works in Chrome, CORS issues)
I’m serving MP4 video files from a Strapi backend, and they play fine in Chrome but fail in Safari.
In Chrome:
The video loads and plays without issues.
In Safari:
I see this error in the console:
...
0
votes
0
answers
114
views
How to play MP4 videos one after another smoothly in React without glitches when updating video URL from server?
I’m building a React component where I need to play MP4 videos one after another. The next video URL is received from the server only after the current one finishes.
The problem:
When I update the ...
0
votes
0
answers
87
views
video Loop stops after hours of looping in chrome
I'm having a problem with a background video in a kiosk installation that's constantly looping, but every few days the video freezes on the last frame. What could be causing this? And what's the best ...
3
votes
1
answer
237
views
How to create a scalloped border around a div containing bg content using CSS
I’m trying to create a 15px yellow scalloped border around generic content divs (e.g. with background photos or videos) for a nonprofit preschool website. Here’s the effect I’m aiming for:
I’m using ...
1
vote
1
answer
96
views
HTML5 <video> poster thumbnail not showing in Odoo — want to show thumbnail initially and play and load on hover only
I'm trying to implement lazy loading of videos in a dashboard view in Odoo 18.
My goal is to:
Show a thumbnail (poster) initially
Avoid loading/buffering any video on page load
Load and play the video ...
0
votes
1
answer
68
views
React iframe video player not auto-progressing to next video (external source inside iframe)
I'm building a custom React video player that uses an to load external video players (like this sample link). I want the app to automatically go to the next video when the current one ends — but ...
-2
votes
1
answer
167
views
Black border or line appearing on edges of HTML <video> elements despite no borders in video file
I'm embedding MP4 videos in a responsive layout using HTML/CSS. The videos appear clean in the source file, but a thin black line shows up along certain edges (sporadic appearance, sometimes also ...
0
votes
0
answers
68
views
How to synchronize hover time and seek time in a custom React video player using ReactPlayer?
I'm building a custom video player in React and I'm having trouble aligning the time displayed on hover over the progress bar with the actual seek time used when clicking.
Problem
I use an as the ...
3
votes
0
answers
95
views
Video frames shake/stutter when rendering HTML5 video to Canvas during CSS animation
Full JS from Github
Full css from Github
Full Html from Github
Video frames shake/stutter when rendering HTML5 video to Canvas during CSS animation
I'm experiencing video frame shaking/stuttering in a ...
-11
votes
1
answer
304
views
Reacting when N videos have preloaded a given time interval [closed]
I was watching a YouTube video where the content creator used GSAP to animate the switching between videos, which was very smooth, and I'd like to create something similar, but with a spinner that is ...
-3
votes
1
answer
75
views
Update Current Time Automatically And Update Database via ajax php mysql after video fully watched [closed]
Currently I am using following code to check video is fully watched or not.(Code is borrowed from This Stackoverflow Question)
I want to record the total watch time where it should be updated per ...
-1
votes
1
answer
226
views
Why does MediaRecorder.ondataavailable return empty blobs (event.data.size === 0) on some devices?
I’m building a web application that captures microphone audio using MediaRecorder and sends it to the backend for processing. Everything works fine on most devices (desktop and mobile), but on some ...
-1
votes
1
answer
544
views
Is there a way to use a video on Google Drive as a source in a video element in HTML?
So is there a way to add the link here:
<video controls>
<source src="GOOGLE DRIVE LINK HERE" type='video/mp4'>
</video>
I tried adding the ID, but this doesn't work... ...
0
votes
0
answers
54
views
How Can I Make Vimeo's Javascript Player API iframe body Fill instead of Contain?
I want to embed an iframe that contains a vimeo video inside a container div and give that div any ole aspect-ratio and just have my vimeo video conform to that using something like object-fit: cover (...
2
votes
2
answers
219
views
WebRtc - Video Not Rendering
I have the next scenario in my webrtc video chat app where i use react js and nest js.
const [localStream, setLocalStream] = useState<MediaStream | null>(null);
const [remoteStreams, ...
1
vote
1
answer
61
views
InsertableStreams take a already modified videoFrame input
Let's say we have :
const trackProcessor = new MediaStreamTrackProcessor({track: tracks})
const trackGenerator = new MediaStreamTrackGenerator({kind: 'video'})
const transformer = new TransformStream(...
0
votes
0
answers
57
views
How to fix this iOS video animation issue when setting currentTime dynamically with JS?
I'm implementing a scroll-based animation in a Shopify storefront, where a background video plays step-by-step (frame-by-frame) as the user scrolls. It works perfectly across most platforms — ...
1
vote
1
answer
93
views
Why does my HTML video tag not function on mobile browsers?
I am currently working on my website that supports file uploading.
Part of this feature involves the ability to stream video from my site using the video tag in html.
Currently I have this feature ...
2
votes
1
answer
424
views
All candidate resources failed to load. Media load paused
I wrote a script to display mp4 clips FTP'd to the web server from a Reolink CCTV recorder. There could be hundreds sometimes over thousand of these clips along with their jpeg pictures displayed by ...
2
votes
1
answer
79
views
Overwrite video element: display a different image (manually decoded frame) & WebGL compatibility
Context
I'm currently building a library to precisely record (ideally any) javascript-based animation, even on slow computers or at very high framerate (e.g. 120fps to do motion blur later…). What I ...
1
vote
2
answers
225
views
Live stream not working on vue.js using Video.js
I’m trying to play a live stream using Video.js in a Vue.js application, but I’m encountering the following error:
VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) The media could not be loaded, ...
0
votes
1
answer
217
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'...
0
votes
0
answers
41
views
What is the difference between setting width on a video via attribute vs css? [duplicate]
I have a video I would like to embed in a webpage. Let's say its resolution is 500x500 and I'd like it to be scaled down to 100x100 on the page.
Is there any difference (visually or computationally) ...
1
vote
1
answer
134
views
HTML5 video player: How the audio stream is chosen when there are multiple options
I'm building a web app to run on my home LAN, which will stream video files from a central server to whichever device I feel like watching on.
These video files (.mp4, .mkv, etc.) often have multiple ...
1
vote
1
answer
127
views
How to play a video starting from a particular point and stop at a particular point(in seconds) and loop the playing without user interaction?
I want to play a video (mp4) starting from a particular point(60 seconds), stop at a particular point(100 seconds), and loop the playing without user interaction.
<video autoplay muted loop>
<...
1
vote
0
answers
138
views
Firefox on Android does not adjust video output to landscape mode
So I have this weird problem that only occurs on Firefox for Android.
When I open a MediaStream using the Media Capture and Streams API and use the resulting stream as video source for a HTML5 Video ...
1
vote
1
answer
353
views
Mpegts js avc1.640028 Interlaced video not playing on Chrome
I am using mpegts js library for live streaming. We aim to play the live stream urls (.ts format) sent by our users.
The interlaced video below gives a black image in chrome but no problem in firefox
...
1
vote
1
answer
1k
views
Angular 19 video from assets folder
I am creating an Angular 19 app. This is my stackblitz link.
This is my video tag in index.html
<video controls width="600" height="300" id="myVideo">
<source ...
1
vote
1
answer
78
views
Is there a way to pipe the stdio stream with the output segment ts files during m3u8 from mp4 conversion in ffmpeg with nodes spawn function?
I am writing an automated pipeline in Node-JS that takes an MP4 file, compresses it, then returns the buffer of the compressed file, feeds it into another FFmpeg command, which then converts the mp4 ...
0
votes
0
answers
128
views
navigator.mediaDevices.getUserMedia() portrait mode in mobile device - video track is not cropped and resized
In a small web project I am trying to get a video element that displays a video track "cropped" in portrait mode.
In my HTML I have something like:
<video id="video" style="...
0
votes
1
answer
75
views
Access camera on external device while connect to locally server using ip adress
I have a problem that I want to access my camera stream by using an external device (which is connect to a same network with local server and accessed by IP server).
If I open the camera on external ...
0
votes
2
answers
74
views
Why doesn't the following video file playback in Safari?
This video plays back correctly in MacOS Preview, but fails to playback in Safari (iOS + MacOS). Why?
<video src="https://lt.harding.dev/pictrs/image/88aaf722-b9d5-4e72-88c4-63e5e9a1bc42.mp4" ...
0
votes
0
answers
91
views
start playing video in mobile Safari browser after window has loaded
I have a loader that goes away when the window has loaded.
I want the top video to play after the window has loaded and I want it to play once, not loop. This seems to be difficult to do with Safari ...
0
votes
1
answer
30
views
Displaying more than one video side by side on HTML Canvas
I can display one video in canvas using something like the following code :
let animation_handle;
const canvas = document.querySelector("canvas");
const ctx = canvas.getContext("2d"...
0
votes
0
answers
77
views
IOS web app html video black screen but sound is playing on iOS 18
I have an angular/capacitor app with a screensaver video and on ios sometimes when this video should play it's a black screen, but I can hear the sound of the video.
I have seen many older threads ...
0
votes
1
answer
26
views
Ionic 6 + Angular: `video` tag isn't working on iOS app build
I am using the html5 video tag to refer to a video as such:
<video
width="100%"
height="auto"
onloadedmetadata="this.muted = true"
...
0
votes
1
answer
91
views
Issue with YouTube Video Embed: Black Bars on Desktop, Correct Aspect Ratio on Mobile
I'm working on an email campaign that includes a CTA (Call to Action) directing users to a cloud page where I've embedded a YouTube video. The video displays correctly on mobile devices, maintaining ...
2
votes
1
answer
93
views
How is remove background from .mp4 video?
I found an interesting thing on the game's website. When you focus on a button, it adds a <video> as a background on hover. But this video is in `mp4` format with a black background. Can someone ...
1
vote
0
answers
137
views
WebCodecs decode raw HEVC
I am trying to decode a raw HEVC video in Annex B format in Chrome, but always get error: EncodingError: Decoder error.
First, I split the stream nal by nal, then parse the VPS, SPS, and PPS from the ...
1
vote
0
answers
474
views
Error using webcodecs to decode h264 data and display on browser from http fetch
I am getting :
(index):60 Error during fetch or decode process: DataError: Failed to execute 'decode' on 'VideoDecoder': A key frame is required after configure() or flush(). If you're using AVC ...
0
votes
1
answer
389
views
Video or Audio autoplay play with sound without user interaction
I have a ticket booking website. When a ticket is ready to be served, a modal should open, and a sound should play along with the ticket information. I want the sound to play without requiring user ...
0
votes
2
answers
906
views
How to make WebM screen recording chunks independently processable (for audio extracting)
I am streaming screen recordings from the browser into 5-second WebM chunks using the MediaRecorder API.
The first chunk (root chunk) is independently processable because it contains the necessary ...
1
vote
0
answers
322
views
How to Bypass CORS When Streaming YouTube M3U8 and TS Files Using HLS.js?
I'm creating a Flask app that fetches a YouTube video manifest (.m3u8 file) and streams it using an HLS player in the browser. The flow is as follows:
My Flask app gets the .m3u8 link from YouTube ...
1
vote
2
answers
281
views
Is there any way to decode NALu in browser?
Environment
I am developing a product for a highly restricted environment (e.g., military, casinos) where installing my media server(for transcoding) is not allowed. As a result, I need to handle ...