html5-video

I want see on display CurrentTime minute and second video. var id = $('#main_video_player'); alert(id.get(0).currentTime); //worked i see '12.324543356' var minnow=id.get(0).currentTime.split('.')[0]; alert(minnow); //not worked var secnow=id.get(0).currentTime.split('.')[1].substr('0','1'); alert(secnow); //not worked Thanks all for help=) Right code for show seconds: alert(time.toString().split('.')[0]); Code down for show correct time in hours, minute an second: var id = $('#video'); timenow=id.get(0).currentTime; if (parseInt(timenow)/60>=1) { var h = Math.floor(timenow / 3600); timenow =

I have a html5 video video that is not loading in chrome, it just shows the loading spinner from video.js. I get the following error in chrome console too: Uncaught TypeError: Cannot call method 'init' of undefined machinas.com/:830 ["Video Error", Object] 0: "Video Error" 1: Object length: 2 __proto__: Array[0] .htaccess AddType video/mp4 .mp4 .m4v AddType video/webm .webm AddType video/ogg .ogv .ogg html <video id="video-1" class="video-js vjs-default-skin" width="100%" height="100%" poster="videos/timelapse.jpg" data-setup='{ "controls": true, "autoplay": false, "preload": "auto" }'>

I encountered a very interesting cross-browser HTML5/CSS issue: whenever there is an animation WITH -webkit-animation-fill-mode: both; attached to a DIV containing HTML5 video element, this video won't fill whole window in native HTML5 full-screen mode, i.e. the video size in full-screen will be limited to parent element dimensions. Description may be confusing, so I have created a simplified example: http://jsfiddle.net/7SsPa/3/embedded/result/ (note: jsFiddle does not allow full screen mode at all, but it gives understanding of what happens. To see same code with full-screen enabled, you can

My goodness, I cannot find an answer for this and I spent several hours already. How can you reference multiple videos at the same time in video.js? The API documentation says: Referencing the Player: You just need to make sure your video tag has an ID. The example embed code has an ID of "example_video_1". If you have multiple videos on one page, make sure every video tag has a unique ID. var myPlayer = V ("example_video_1"); This example shows a single ID, but it doesnt show how I can reference multiple IDs at the same time. If I have 3 different tags: "video_1", "video_2", "video_3", how do

I am currently working on a page with videos on it. Since iOS 11.2, it seems they disabled autoplay muted inlineplaying completely without a user gesture. Has anyone experienced this issue too? This all wouldn't be such a mess if there would be a possibilty to check whether it is possible to playinline or not. But like this it results in a new hack by UA sniffing. Edit: I have seen that i am have missed something. Autoplay is working, but trying to video.play() a muted inline video is not working anymore. Just turn off the "Low Power Mode" ;) Found a working solution thanks to the WebRTC repo

I would like to save the position of HTML5 video's currentTime to the database when user leaves a web page. It seems like window.onbeforeunload is not a reliable way to do it (not to mention it gives an undesirable popup window!). Is there a better way to do this? I can't think of anything other than saving the position to the server periodically. But that seems wasteful resource/bandwidth wise. Netflix seems to do a good job at remembering your last viewed position. How would they be able to achieve that reliably? Low-level server-side C/C++ code maybe? There are various ways to save such