html5-video

Accessing HTML 5 Video Progress Event with jQuery

六月ゝ 毕业季﹏ 提交于 2019-11-29 03:51:31
The below is for an HTML5 video player event. My partner and I have been stumped for a very large portion of the day on this issue and hope someone can lend some insight on the issue. We have been able to access the progress event with plain js as seen below but when trying to access this with jQuery we get undefined in console. Any help/ recommendations are greatly appreciated. //JS - Works like a charm document.addEventListener("DOMContentLoaded", init, false); function init() { var v = document.getElementById('test-vid'); console.log(v) v.addEventListener('progress', progress, false); }

Android (Samsung S4) HTML5 video pauses

旧街凉风 提交于 2019-11-29 03:02:28
问题 I am using Android Webview to play html5 videos, including Youtube videos (my own tags and Youtube embedded iFrames). I encountered an issue with Samsung Galaxy S4, on the following scenario: Play a video. Press 'back' while/after the video is playing (view closes) Open the view again and press 'play'. The video starts to play and immediately pauses. From this moment the same will happen for each video that I'll try to play. I tried this on a test environment with two kind of Webviews:

seek to a point in html5 video

╄→гoц情女王★ 提交于 2019-11-29 02:51:56
Is it possible to seek to a particular point in html5 video displayed in a web page? I mean ,can I input a particular time value (say 01:20:30:045 ) and have the player control (slider) move to that point and play from that point onwards? In older version of mozilla vlcplugin I think this is possible by seek(seconds,is_relative) method..but I would like to know if this is possible in html video. Edit: I created the page with video and added javascript as below.When I click on the link ,it displays the time of click..but it doesn't increment the play location..but continues to play normally.

navigator.mediaDevices.getUserMedia is not working and neither does webkitGetUserMedia

时间秒杀一切 提交于 2019-11-29 02:48:52
问题 I've been using webkitGetUserMedia method (getUserMedia through adapter.js) to get the camera nad microhpone for webRTC on my web app. My server is not secure (no SSL certificate). It all worked fine until I started getting an error saying : "getUserMedia() no longer works on insecure origins. To use this feature, you should consider switching your application to a secure origin, such as HTTPS. See https://goo.gl/rStTGz for more details." I googled and I saw that now in Chrome I need to use

No video with supported format and MIME type found

萝らか妹 提交于 2019-11-29 02:19:07
I have the next code in my index for a video: <video width="100%" controls> <source src="video/v1.ogv" type="video/ogg"> <source src="video/v1.webm" type="video/webm"> <source src="video/v1.mp4" type="video/mp4"> Your browser does not support the video tag. </video> When i try to load it in firefox it will return "No video with supported format and MIME type found." Firebug will return "NetworkError: 500 Internal Server Error - https://root/folder/video/v1.ogv" v1.ogv HTTP load failed with status 500. Load of media resource https://root/folder/video/v1.ogv failed. ...,c=l.length;c--;)(f=l[c])&

can't seek html5 video or audio in chrome

蓝咒 提交于 2019-11-29 02:18:25
问题 I've been fiddling with the hell that is HTML5 video/audio for a couple of weeks now. Usually the reason why something failed popped up after a while, but I've been, unable to find why I get forwarding and rewinding problems in chrome. Anyhow... The video or audio tag is being loaded in an extjs panel when a video or audio file is requested. The files are sent as streams and they work fine in IE and firefox (after adding duration to the response header) There's an issue with safari, but it's

Chrome Html5 video can't display white, has gray background

吃可爱长大的小学妹 提交于 2019-11-29 02:16:58
We have an intro page which plays a html5 video before the main site content is displayed. The video has a white background so it integrates seemlessly with the page background. However, in the chrome browser the whole video has a gray background. Apparently, these questions from 2011 indicate this was/is a bug in chromium. They also state the bug was gone in the latest chrome update. However, I downloaded the latest chrome version, 27.0.1453.110 m, and the problem is still there? html 5- Videos - White is washed off in Chrome Unwanted Background color/artifact on HTML5 Video Tag Does anyone

HTML5 video behavior on mobile devices

喜夏-厌秋 提交于 2019-11-29 01:50:22
I am building a site where I have several <video> elements (looped animations) that act as part of my design (not as an actual video). This works quite well in desktop browsers, yet I am in trouble on mobile devices. When I display the site on Android or iOS devices (ie. mobile webkit) I will get the OS's video player appearance and the videos will open in some sort of popup when I click them. I do know that I can bypass the autoplay restrictions by doing sth like: window.onload = function() { var pElement = document.getElementById("myVideo"); pElement.load(); pElement.play(); }; But this will

In HTML5 Video , how to play a small clip from a long video?

心已入冬 提交于 2019-11-29 01:36:22
I would like to show a small clip from a long video file that is over 10 minutes long. This segment of video would start at time offset /seek time of 90 seconds and would have a duration of 45 seconds . How can I do that ? Phillip Brown is right. you can solve this by controlling yout html-player via js. for example in this case, the video would autostart and will play the videofile should 00:10min to 00:40min <video id="yourVideoplayer" width="640" height="480" preload="auto"> //preload="auto" buffers the video if initialize. you cannot seek a video which isn t buffering already <source src=

HTML5 video error handling

时光怂恿深爱的人放手 提交于 2019-11-29 01:13:41
I need to tell, whether video cannot be played ("x" sign is shown in browser). This code does't works. "onerror" event will never be fired under Firefox var v = document.getElementsByTagName("video")[0]; if ( v != undefined ) v.onerror = function(e) { if ( v.networkState == v.NETWORK_NO_SOURCE ) { // handle error } } What's wrong here ? therealklanni "onerror" is not a valid event type for <video> Use "error" instead. document.getElementsByTagName('video')[0].addEventListener('error', function(event) { ... }, true); For a complete list of events for <video> go here: https://developer.mozilla