Questions tagged [html5-video]

1

votes
1

answer
341

Views

Playing a video via script does not work on Android

What I want to do is quite simple. Playing a video via script. That's it. My code works well on PC, however not on Android. The weird thing is that after I tap a video element to play the video and tap it again to pause it, my code works well.., which means playing the video is executed by the serv...
Yuma Yanagisawa
1

votes
3

answer
561

Views

How the transcript of a video should be visible to accomplish WCAG 2.0?

I'm building a website that has to achieve the AA Conformance to WCAG. We are going to provide videos and to do it right there has to be a transcript of this video, my question is, in html were is the correct order to put this transcript before, after. there is a valid tag to comply this. Thanks for...
Nestor
1

votes
1

answer
2k

Views

Difference between embed, object, and video tags?

As per my knowledge I know that the embed tag is used to embed videos from sites like youtube, object tag is for flash videos and video tags come under HTML5. But I am curious for in depth details of these tags and as a developer which one should be used where?
Ajey
1

votes
2

answer
395

Views

HTML5 video fires pause event while seeked

I am designing an app which uses HTML 5 video. When I seek while the video is running 'video pause' event is fired which in turns affect my logic for actions which has to happen during seeking. Is there a way by which I can remove this pause event or find that particular pause events which happen wi...
Prasanna Mahendiran
0

votes
0

answer
4

Views

Video tag with controls attribute causing unit tests to fail

I am building a webapp with Angular 7.2.4. I am using the default unit testing library that the angular CLI (7.3.1) comes with. I keep running into this error as a failure when the unit tests run: An error was thrown in afterAll\nResizeObserver loop limit exceeded thrown It seems that the controls...
Devon Taylor
1

votes
2

answer
4.9k

Views

Using video.js to play video inline on ios?

I am trying to use video.js to maintain a consistent video skin across all platforms. The below code works for everything (chrome, firefox, ie, android) but safari on ios (haven't tested desktop version of safari). When attempting to play the video ios kicks over to it's default video player (quickt...
commanderZiltoid
1

votes
2

answer
429

Views

How can I wrap the HTML5 video element's currentTime property?

I'm developing a video player as part of a learning module system. Certain modules require that the user not be able to (easily) skip ahead in the video. I understand that this would normally be considered a bad user experience, but it's essential in this case. I've been able to override the video.c...
Soviut
1

votes
2

answer
465

Views

Embedded Youtube video player vs html5/flash video player in web application

Many web application which have videos to show. For example The New Boston uses the embedded Youtube player. Is there any advantage using embedded Youtube video player over implementing our own.
Gupteshwari
1

votes
1

answer
65

Views

jQuery video keeps on reloading while dynamically setting src base on database change with ajax

I have a code which sets an h1 and a video's src dynamically by checking for changes in the database with ajax long polling. In my code, example if the value in my database column is 1 then h1 will print this is 1 and video will play video 1. Otherwise, h1 will display this is 0 and video will displ...
Renboy
1

votes
1

answer
914

Views

Rails 5: WebRTC video conferencing

After having seen DHH's Rails 5 chat app demo I have the following question: What elements would I need to add/implement additionally to use Rails 5's WebRTC functionality in order to set up a video conferencing app? (For instance, is it correct that Rails 5 already contains the required Signaling s...
TomDogg
1

votes
1

answer
1.1k

Views

video not taking 100% width and height of container

I have the following HTML code: and the following CSS: body { margin: 0; padding: 0; } .wallpaper-video { position: absolute; top: 0; left: 0; height: 100vh; width: 100vw; } video { height: 100%; width: 100%; } basically i wanted the video to cover 100% of my screen , but it does't , can somebody...
Alexander Solonik
1

votes
1

answer
449

Views

Stop video at exact time

I'm trying to make a little video editing web tool to make perfect video loops and need to stop a video at an exact time. The recommended way to do that with HTML5 video is with the timeupdate events video.addEventListener('timeupdate', function() { if (video.currentTime >= endtime) video.pause(); }...
Ecko
1

votes
2

answer
2.2k

Views

How can I set video source in html?

I need a way to let users select a local video file as source for my html video element. Setting the source doesn't seem to work because I can't access the full path from a standard javascript file dialog. I tried the following: //THE VIDEO ELEMENT //THE DIALOG BUTTON TO SET VIDEO SOURCE var video...
user2212461
1

votes
2

answer
216

Views

tiltSlider play/pause video elements if li has class current

http://codepen.io/hennysmafter/pen/aNrVKG?editors=1010 The code in question is this: (function($) { $(document).ready(function(){ $('video').each(function() { $(this).get(0).pause(); }); }); $(document).on('click','span',function(){ if ( $('li').hasClass('current') ) { $('li.current').find('video...
purple11111
1

votes
2

answer
666

Views

How can i display the video current and duration time like this 00:25/00:30?

I want to display the video currentTime and duration in a different format. The way it displays it now is: 0:9 / 0:33 I want it to display it like this: 00:09 / 00:33 Or if the video duration is more than 1 minute 03:10 / 12:27 the current code i have right now video.on('timeupdate', function() { //...
Red
1

votes
3

answer
339

Views

HTML5 video in not supported on my Firefox but works elsewhere

I am using HTML5 tag with MP4 video in my project. When I tested it, it only works on Chrome but not on Firefox or IE. When I tried laptops of my friends, only one out of five had the same issue as mine, for everybody else the video runs well in Chrome, Firefox and IE. I wonder what it causing this...
1

votes
1

answer
70

Views

Scheduling and/or Synchronizing HTML5 Video Playback Across Machines

I'm running 3 different videos with identical durations on 3 separate machines and synchronizing them using a websocket server. I can get pretty accurate time sync between the machines, but changing the currentTime attribute of any of the videos results in a significant and unpredictable delay. In t...
Kyle
1

votes
2

answer
490

Views

Adding event listener to all embedded YouTube video via a WebExtension

I would like to implement a function which is called whenever any HTML5 (YouTube) video is played on any web site. I tried either with the API: document.documentElement.addEventListener('playing', function(){ alert('Video playing') }); and with jQuery: $('video').on('playing', function(){ alert('Vid...
L-Badd
1

votes
1

answer
2.3k

Views

([javaScript)Access camera through HTML5 browser in iOS

I would like to develop a web app for mobile and need to access iphone camera from the web browser without native mobile app. I don't want to take a picture and upload one from my album. Can I capture video-cam using iphone? If I can not do this, please give me any suitable suggestions to do this. T...
KBH
1

votes
1

answer
2.5k

Views

ffmpeg transcode to live stream

I need to display a ip camera stream in an html video tag, i have figured out how to transcode to a file from the rtsp stream like this ffmpeg -i 'rtsp://user:[email protected]' -s 640x480 /tmp/output.mp4 now i need to be able to be able to live stream the rtsp input in a video tag like this I was trying...
brayancastrop
1

votes
1

answer
238

Views

HLS, AWS Elastic Encoder, and adaptive streaming

I'm currently working on simple VOD browser-based service, using mostly AWS technologies. HLS will be used as the streaming protocol, which is supported by Elastic Transcoder. Currently, the source material is 720p (1280x720), and this is also the resolution I want to show to all devices that can ha...
Jeroen Jacobs
1

votes
1

answer
286

Views

Html5, chuncked video streaming

My html-video calls multiple separate request for chunks. seems not like single stream. When I see that in debugging tools, As you see, there are 3 different call. This is the request header, Accept:*/* Accept-Encoding:identity;q=1, *;q=0 Accept-Language:ja-JP,en-US;q=0.8 Connection:keep-alive Cooki...
Expert wanna be
1

votes
2

answer
337

Views

Pause button not working on background video

Im trying to create a nice background video that has some text on top as well as a button that i can use to pause and unpause the video, the video works fine and loops, but i cant pause the video. dudley Directed by joe bloggs original article blah blah Pause js (I got this code from here and thoug...
Rhys Edwards
1

votes
1

answer
50

Views

HTML5 video can not paly and media request abored

I'm working in MEAN STACK application. I'm facing one problem in video loading. My local server does the video play, but in my live server following issue comes up. In Firebug Url status GET home_video.mp4 206 Partial Content GET home_video.mp4...
laxman
1

votes
2

answer
3k

Views

How to make html video autoplay on phones and tablets?

I have a background video on my site olegefimkin.ru which should start playing automatically on page load. And it does on PC and some phones, but doesn't on some phones and tablets (e.g. iPhone). I'm using this html code: I've also tried to add javascript video.play() but it still doesn't work in Sa...
Somerussian
1

votes
2

answer
1.2k

Views

Can't play mp4 video in Safari served by nodejs server

I'm having a problem loading mp4 video files on Safari being served from my nodejs server. The problem does not exist on Chrome. To illustrate the problem, I have a simple html webpage which reads an mp4 file mov_bbb.mp4 served from w3schools. I then download the same file and serve it from my node...
sthomps
1

votes
1

answer
10.1k

Views

Start to play a video tag with jquery.play()

I want the video start to play as soon as the absolute div over it is faded out but nothing works even with javascript or autoplay, without controls enabled it does not want to play. Any idea? Here is the HTML Here is the script: $('#post1403171021 #playArrowAnimation, #post1403171021 #cap').fadeOut...
1

votes
1

answer
788

Views

HTML5 video source tag syntax

When inserting a video in a website using a relative location its rather simple: However i need to insert a video file from a completely different directory. Like 'C:\Some\Folder\onthedrive\videos' But the project is in: 'C:\XAMPP\htdocs\projectname' I have also tried these things: What can I do to...
KoenG
1

votes
1

answer
135

Views

How to make custom video player applicable to multiple videos?

I have multiple HTML videos on my page, and want to apply this custom video player to them. The thing is, this only works for the first video, and not for the second, third and fourth. I have no idea where to start. I made a fiddle of the current state: JSFiddle My Javascript /* Get Our Elements */...
Max Seelig
1

votes
1

answer
174

Views

Show controls on video but don't allow the user to control the video

I want to show video controls on a video element in my HTML page but I don't want the user to use the control bar to control the video. I just want the user to see the control bar so that user can just see the progress of the video and cannot skip some of its part.
karan sharma
1

votes
1

answer
2.4k

Views

Play h.264 video stream in html page

I am using ffmpeg and vlc on linux to produce MPEG transport stream (mpegts) over HTTP. Basically ffmpeg captures the screen and produces h.264 stream using mpegts and then vlc is used as a server that delivers the stream over http. That's how I manage to accomplish this. ffmpeg -f x11grab -s 1280x8...
e2l3n
1

votes
1

answer
1.4k

Views

Optimizing video loading on web page

I have a single page application which contains multiple video tags in each section. Height of the window is height of the section. Each tag has a different videos with the format of MP4. I want to load these videos quickly without impacting the page load time so I have tried it to load by lazy load...
Gowtham E
1

votes
1

answer
569

Views

How to get rid of iOS 11 Safari <video> overlay

I'm trying to get rid of this overlay that occurs in iOS11. I can easily inspect the element and do display: none on a child in the shadow DOM, . However, I can't access this is in neither JavaScript nor CSS, as it is a closed shadowRoot, since it's created by the user-agent. Any solution is welcom...
D-Marc
1

votes
1

answer
126

Views

Extracting Frames from an HTMLVideoElement

So here's my JavaScript code: // Convert Frame to Image Object.defineProperty(HTMLVideoElement.prototype, 'convertFrameToImage', { value: function convertFrameToImage() { // Create the Image. let image = new Image(); // Create a Canvas to draw the chosen frame. let canvas= document.createElement('ca...
Lapys
1

votes
2

answer
218

Views

Get an overlay or placeholder on pause using autoplay on Hover HTML Video

I have a question please I got an HTML playing video on hover but once I go away with the mouse I got a hide video function, what I try to do is once I leave the mouse from the playing video to show the placeholder image again something like an Overlay on top of the video. I hope someone can please...
Cody
1

votes
1

answer
49

Views

Detect if HTML5 video volume property is read-only?

I have a mute button that sets my video volume to 0: video.volume = 0; If this isn't supported I'd like to hide the mute button. I can use user-agent detection, but that is less than ideal. Does anyone know of a way to check if this property is read-only? Thanks, Tim
Tim Gieseking
1

votes
1

answer
904

Views

How to start video at a given time?

I'm trying to create a clip from a video. which have fixed start and end time. So when I click on the button then the video should start from the given time. Here's my code function setSegmentTime(e) { var start_time = $(e).data('start-time'); var end_time = $(e).data('end-time'); var myplayer =...
Jitendra
1

votes
1

answer
1.3k

Views

How to generate an audio waveform from an HTML5 web video?

Given a plain web video, e.g.: How could I generate its audio waveform? Is it possible to generate the waveform without playing the video? Notes: I'm interested in the available APIs to achieve this, not a 'how to render a waveform to a canvas' guide. Plain JavaScript, please. No libraries.
Misha Moroshko
1

votes
4

answer
4.5k

Views

Embedding Google Drive Videos using HTML5 video

I am searching for a way to embed Google Drive videos using the HTML5 tag. The current option isn't exactly adequate for what I'd like to do with the player. The embedded link directly from Google Drive doesn't seem to allow you to remove the button that opens the video in a separate tab nor custom...
kpjVideo
1

votes
1

answer
310

Views

Using MPEG-DASH with encrypted video, how do I keep my encryption keys a secret?

I need to make sure a user viewing a video on my site can't get a hard copy of it (unless he captures the screen which I can't prevent). I'm looking into MPEG-DASH as a solution using Common Encryption (CENC). I understand there is a license server that should verify the client before he gets the ke...
Adam Tal

View additional questions