html5-video

Does anyone know what event or property I need to query in order to get a percentage figure of the amount an HTML5 video has loaded? I want to draw a CSS styled "loaded" bar that's width represents this figure. Just like You Tube or any other video player. So just like you tube a video will play even if the whole video hasn't loaded and give the user feedback on how much of the video has loaded and is left to load. Just like the Red Bar on YouTube: Yann L. The progress event is fired when some data has been downloaded, up to three times per second. The browser provides a list of ranges of

I want to add overlay hotspots on a html5 video which will help me give info about that video. I was able to successfully add it on HTML5 Video's normal mode. But, when i change the video mode to fullscreen, it disappears. Want someone to help me please!!!. The best way to do this is to have a <div> containing the <video> and your hotspots, and request fullscreen on the containing <div>. I implemented the fullscreen and (parts of the) <video> APIs in Firefox. This z-index hack isn't the specified behaviour, so it will stop working once we update our implementation to match the latest draft of

I have literally read every stackoverflow thread regarding changing the video tag source dynamically via javascript in IE9, including the useful but not agreed upon posts here and here , but do feel like there is another solution. Here is the very basic example of what I'm trying to do: var video = document.getElementById('video'); //now, use either of the lines of code below to change source dynamically video.src = "nameOfVideo"; //or use... video.setAttribute("src", "nameOfVideo"); Both of these lines of code are hated thoroughly by Internet Explorer, notably because the src is most

I'm getting the error message.. Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. ..when trying to play video on desktop using Chrome version 66. I did find an ad that began playback automatically on a website however using the following HTML: <video title="Advertisement" webkit-playsinline="true" playsinline="true" style="background-color: rgb(0, 0, 0); position: absolute; width: 640px; height: 360px;" src="http://ds.serving-sys.com/BurstingRes/Site-2500/Type-16/1ff26f6a-aa27-4b30-a264-df2173c79623.mp4" autoplay=""></video> So is by