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.
7,962
questions
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 ...
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-...
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 ...
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....
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()" @...
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 .
...
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 ...
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 ...
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 -&...
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 ...
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 ...
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. ...
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 ...
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 ...
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 ...
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 ...
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 ...
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/...
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 ...
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 ...
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,...
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=...
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 ...
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 ...
-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 ...
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 ...
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&...
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; ...
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 = ...
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 ...
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 ...
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='...
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 ...
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 &...
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. ...
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' )....
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. ...
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 ...
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 ...
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 ...
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 ...
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"> ...
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 ...
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("...
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/...
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 ...
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 ...
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 ...
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=&...
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 ...