Questions tagged [html5-video]

HTML5 video is an element introduced in the HTML5 draft specification for the purpose of creating a standards-compliant, plugin-free way for playing videos and movies, partially replacing the object element.

Filter by
Sorted by
Tagged with
0 votes
0 answers
27 views

Facing issues with Fabric JS in React - trying to add video to Fabric

I have a web app where users can select a video from their PC and upload it on the app. Now, with normal Video components and uploads, everything is working fine. For some particular functionality I ...
Ritvij Sharma's user avatar
0 votes
0 answers
16 views

Video JS shows net::ERR_FILE_NOT_FOUND when I change the source but when I played the same video on the home page, it plays

So, I have this video player `<div id="video-player"> <video id="my-video" class="video-js vjs-big-play-...
realibgun's user avatar
0 votes
0 answers
21 views

Trouble playing multiple video tracks with MSE and mp4box.js in JavaScript

I'm working on a web application where I need to play two separate video tracks from a single MP4 file using Media Source Extensions (MSE) and MP4Box.js. I've set up MediaSource and SourceBuffer ...
louislefebvre's user avatar
0 votes
1 answer
16 views

requestVideoFrameCallback not firing when tab in background

Here's a snippet showing the problem in action, but basically the requestVideoFrameCallback stops running when the tab is backgrounded in Chrome. function startTest() { video = document....
Jerod Venema's user avatar
  • 44.3k
1 vote
2 answers
45 views

No compatible source was found for this media for type = video/mpeg in HTML5

So I tried to make a video player on my modal using vue-video-player, so below is my template code for the ModalDetailMediaVideo.vue <template> <div @keydown.esc="modalClosed()" @...
wa1's user avatar
  • 39
1 vote
0 answers
30 views

Change video src in Mac and iOS browsers?

The mediaRequest API returns a blob object. I dynamically change src for video and image tags. This works on PC, Android browsers . Changing src for image tag also works on Mac Safari/iOS browsers . ...
Alexsey's user avatar
  • 23
0 votes
0 answers
26 views

html video player not able to play small videos from gridfs stream but able to play large videos

I am able to play large videos like 1GB , and 500MB but for video sizes like 60MB or lesser, the browser is not loading them if it receives content. for small videos not able to load even metadata for ...
moz's user avatar
  • 1
0 votes
0 answers
32 views

how i batch many videos url requests in react hook and laravel

i have 25 videos i want preview it in one page, this videos url come from api, sometimes the backend crash because this requests, so can i use batch request to handle it? also because this many ...
roabaot's user avatar
  • 41
0 votes
1 answer
80 views

Streaming Webcam Over LAN: HTML5 Video Element Not Loading

I am currently working on a project where I aim to stream my webcam over my LAN and read the stream in an HTML5 video element with minimal setup. My setup involves a server (192.168.0.1 dev/video0 -&...
Franck Freiburger's user avatar
0 votes
0 answers
44 views

video player condition is not working with javascript in mozilla firefox

I am making a video website using Laravel and JS. To play the videos I'm using video tag (). There are many conditions to play the video. Like: If user is not logged in then video will be paused after ...
user3526766's user avatar
0 votes
0 answers
33 views

HTML videos loading slow on Safari

I have built a website with html and css. There are just 9 videos on the page. On Chrome everything works fine, but on Safari on the macBook, the videos are loading very slowly. This is the homepage I ...
simi's user avatar
  • 347
1 vote
1 answer
44 views

Native browser method for compressing video / audio before uploading?

I'm pretty sure the current answer is no but is there a built in way for browsers to compress video / audio? Perhaps there is a hack as I'm sure browsers will have access to compression libraries. ...
david_adler's user avatar
1 vote
1 answer
35 views

Pause video when not in view swiper.js

I recently started using javascript swiper - https://swiperjs.com. I made the slides to contain html videos. The problem is that if I play a video and then swipe for another slide it (logically) keeps ...
Adam's user avatar
  • 45
0 votes
0 answers
42 views

Setting the currentTime() in Video.js doesn't seem to be working

I'm trying to implement video player that remembers where user has left watching video, using video.js player. Player is saving current video time into local storage, and when user returns to the ...
Vyacheslav Lebedev's user avatar
0 votes
1 answer
29 views

HTML5 Video click event for closed captions?

I'm creating a custom video player using the <video> html5 tag. Currently I'm accessing the video.pause() and video.play() methods to control playback. There are further controls within the ...
Filth's user avatar
  • 3,166
0 votes
1 answer
49 views

HTML5 Video with controls without timeline

I'm trying to disable the video timeline in a video I used this <video width={600} controls> <source src={'/myvideo.mp4'} type="video/mp4" /> </video> And wrote ...
Zein's user avatar
  • 591
0 votes
0 answers
39 views

HTML5 video: randomly stops playing immediately after pressing play button (black screen)

I have a 5MB filesize 40-second long video that is needed to display with audio and controls available. What I have right now works 95% of the time's page load but sometimes when I or clients visit ...
RectifierGuy04's user avatar
0 votes
0 answers
30 views

JS event when an audio/video decoding error occurs

I have a system that can keep track of many kinds of files. For certain types (audio/video in this question's case), I want to be able to show them to the user. However, not all systems/browsers/...
Snappawapa's user avatar
  • 1,759
0 votes
0 answers
21 views

video.currentTime on safari on iphone

When user uploads a video I get frames from that video using a hidden video and canvas elements. The code works well on Firefox and Chrome (both mobile and desktop versions). However when I tested on ...
snake-eaterr's user avatar
0 votes
0 answers
44 views

Insert video on web page from Google Drive using <video> HTML5 Tag

My web page have problem into the loading because of a video into the header that is important for the beauty of the page. The page load pretty fast but my server have a TTFB of like 4/5s when loading ...
Andrea D'Ambrosio's user avatar
0 votes
0 answers
35 views

Dash JS player x Cloudflare displaying adaptation ID for CC options

We're implementing Dash JS player with Cloudflare Stream. Manifests are generated by Cloudflare. WebVTT files are uploaded to Cloudflare for delivery with the manifest. When a clip with captions loads,...
Rob Maurizi's user avatar
0 votes
0 answers
23 views

How to achive YouTube-like Video Playback in Web Apps?

My video platform currently loads all of the video content at once before it starts playing. How can I make it load the video in smaller chunks as the user watches it, like YouTube does? <div class=...
SNAV's user avatar
  • 1
0 votes
0 answers
16 views

Video tag cannot load from cache in iOS Safari in NextJS mweb

I'm using a service worker to store video blob in cache in iOS Safari. Since Safari doesn't directly cache video data using this SW (here). This solution works well with the React version of my ...
Harish's user avatar
  • 1
0 votes
0 answers
22 views

Is FFmpegAudioDecoder supposed to reinitialize upon append of new init segment

I am attempting to switch audio tracks but when switching the FFmpegAudioDecoder never reinitializes like it does with video tracks of differing resolutions. I am not certain if this is the intended ...
martin's user avatar
  • 1
-1 votes
0 answers
35 views

How to use HTML5 API for iOS browser/safari

I am using HTML 5 Video API for unmute button(Click for sound) but when it is pressed on iOS or Safari browser it does not trigger to unmute and play the video. Below is my code can you please check ...
v morgesh's user avatar
1 vote
1 answer
38 views

Chrome showing a different video controls bar for type video/quicktime

Anyone knows why Chrome is showing a different controls bar for a .mov file type video/quicktime (codecs: Timecode, Linear PCM, Apple ProRes 422 HQ) and how can I get it back to the default one? Tried ...
bboy's user avatar
  • 1,369
2 votes
2 answers
97 views

HTML video tag: rounded corners are pixelated

I am trying to show a video with rounded corners, but on the bottom corners, it is pixalated (as showen on the attached screenshot). This is the HTML code I have tried: <div class="container1&...
simi's user avatar
  • 347
0 votes
0 answers
26 views

ibm video player embed code not responding to autoplay code

Hi I am trying to get this html code to autoplay the video however it doesn't work. This is the code I used: <div id="Container" style="padding-bottom:56.25%; position:relative; ...
BGTV's user avatar
  • 1
1 vote
2 answers
68 views

How to add video controls over the video

I have a video with my custom controls. I need to make the controls available at any time., but when I open fullscreen version of the video, the controls hide. Here is my code: var video = ...
Eliseo's user avatar
  • 142
0 votes
1 answer
59 views

How is youtube able to autoplay video without it being muted in Chrome?

Auto playing video in the HTML5 gives an exception: DOMException: play() failed because the user didn't interact with the document first. There is a workaround by muting the video first. I'm wondering ...
Rick J's user avatar
  • 3
0 votes
0 answers
36 views

How to calculate the total time user watched a video

I have a list of videos played using html5 video player. Here I need to calculate the total time the user watched a video. I tried the same using listners but that was not accurate. The video duration ...
Sourabh Soni's user avatar
0 votes
0 answers
16 views

html5 video not work in ios devices with react

im using react v18.2.0, in my project i upload video and show it in other page, my problem is this videos works in devices except ios devices input file looks like this: <input name='video' type='...
roabaot's user avatar
  • 41
0 votes
0 answers
28 views

The React video component doesn't play videos on iOS versions earlier than 17

I am experiencing unusual behavior with a React video component. Firstly, I want to mention that it works fine on desktop (Windows, Linux, Mac) and mobile (Android, iOS v17). However, for iOS versions ...
Nicolas's user avatar
1 vote
1 answer
33 views

How do I add a video onto my form in a Delphi TMS WEB Core project?

When I search for "image" in the Component Palette, I find many image-related components and I can use the TWebImageControl component to add a images onto my form: But when I search for &...
Shaun Roselt's user avatar
0 votes
0 answers
28 views

Videos from '/static' not rendering in a flask application

I am currently facing an issue in my project where the user can successfully upload videos to a '/static' directory. When the user tried to view the videos at '/upload-panel' the videos don't render. ...
GHOST's user avatar
  • 1
0 votes
1 answer
45 views

Assigning video url to the <video> tag dynamically on the fly

I need to assign the video url to the <video> tag on the fly, expecting the video to show in the player, also on the fly: I have this: <script> jQuery( '#the-video' ).children( 'source' )....
karlosuccess's user avatar
0 votes
0 answers
40 views

Weird gap between <div> element and its <video> child [duplicate]

I´ve wrote a small HTML and CSS program to dinamically resize <video> and <audio> elements while changing viewport size. So I used flexbox and avoided fixed width and height lenghts. ...
Giovanni's user avatar
0 votes
0 answers
47 views

Play HTML5 video inline on iOS but still allow full-screen

I have a React app with a tag. At first, the video played automatically in full-screen. After I added playsinline, the video plays in place, the way I wanted. Now, the full-screen button does not ...
Idan Levi's user avatar
  • 398
0 votes
1 answer
109 views

How to Show and Hide YouTube's Video Controls

In a browser extension of mine (YT Kbd Nav), I'm trying to add a shortcut for showing and hiding YouTube's video controls, with the objective of showing the time in the video to the user. Currently, I ...
Philippe Fanaro's user avatar
0 votes
0 answers
24 views

How can I resize my video & form section to align them side by side?

I am trying to create a page similar to this: https://www.figma.com/file/IholKo9XLAaBUqxmgC4Hl7/E-Carz?node-id=101%3A18722&mode=dev I was able to align the first section correctly but in the ...
Abhilash Kr's user avatar
0 votes
0 answers
48 views

Streaming Movie in Flask App with Playback Length Control

Description: I'm working on a Flask web application, and I'm trying to implement video streaming with the ability for users to control playback length and seek to different parts of the video. I have ...
George's user avatar
  • 1
1 vote
1 answer
43 views

How to Embed Gumlet videos in HTML?

I am new to Videos and started using gumlet.com, but I am unsure how to embed it in the HTML & emails. I used <iframe src="https://www.gumlet.com/watch/64a651e54dc6e9c15e3aa689"> ...
akbansa's user avatar
  • 393
1 vote
1 answer
68 views

Transparent MOV files not appearing in my React webpage

I'm trying to use transparent video in React, I used webM initially but it doesn't support on some devices so I have tried moving over to MOV. However, cannot get it working in React + Vite. I have ...
Shimsho's user avatar
  • 159
1 vote
1 answer
33 views

Why does HTML5 video autoplay when half in viewport, when threshold is set to 1, using IntersectionObserver?

Using this code to autoplay a series of videos, depending on if they are in the viewport: /**AUTOPLAY VIDEO IN VIEWPORT**/ function playPauseVideo() { let videos = document.querySelectorAll("...
Daniel Gillison's user avatar
0 votes
1 answer
48 views

problem with cludinary upload api with q_ parameter

i am building a website where user can upload some videos, if the video is too large i want to reduce its quality and save to my cloudinary account. this code : return fetch(https://api.cloudinary.com/...
berger's user avatar
  • 1
0 votes
0 answers
33 views

Autolay video for WebRTC application on iPhone

I'm working on a Webrtc application, and with the iOS mobile browser's limitation, I can't autoplay video with audio without user interaction. When a user clicks "Joins the session" I can ...
VLlll's user avatar
  • 51
0 votes
1 answer
37 views

Three videos next to each other flexbox problem

My goal is to have three videos next to each other and my approach was to use flexbox. The problem is that when the viewport width changes, on every +/- 3rd pixel one of the videos does not take the ...
hanku8's user avatar
  • 77
1 vote
1 answer
58 views

HTML Video Tag's Source Doesn't Work With Base64 Code

My project is about user chooses a directory and then the program takes all the videos inside the directory and via help of a video player then shows the content of the video. This photo might explain ...
Sisifos496's user avatar
0 votes
0 answers
26 views

How can I move the video playback controls outside the video player in HTML?

I am working on a small piece of code. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content=&...
ujjwal_bansal's user avatar
0 votes
0 answers
33 views

Audio from Video inside Popout automatically plays on Page Load Wordpress Elementor

I want to implement a popout with a video in my WordPress website using Elementor Pro plugin. The issue is that the audio from the video is automatically playing when the page loads instead of just ...
Mica Carballo's user avatar

1
2 3 4 5
160