html5-video

How to use VLC live streams with HTML5 video?

ⅰ亾dé卋堺 提交于 2019-11-29 19:05:58
I tried HTTP Ogg/Theora and works alright with Chrome but not with Firefox 7. VLC Configuration: For testing, I've been streaming the desktop using the following vlc command line configuration: vlc.exe screen:// :screen-fps=30 :screen-caching=100 :sout=#transcode{vcodec=theo,vb=800,scale=1,width=800,height=600,acodec=none}:http{mux=ogg,dst=:8181/desktop} :no-sout-rtp-sap :no-sout-standard-sap :ttl=1 :sout-keep HTML5 video tag configuration: <video id="video" src="http://my_host_name:8181/desktop" type="video/ogg; codecs=theora" autoplay="autoplay"/> Any ideas? Bruno Santos I struggled with

HTML5 audio duration issue

半世苍凉 提交于 2019-11-29 18:49:23
I am using jplayer to play audio and video files in Ipad, But the issue is if i change video or audio url, sometimes i get duration NaN. Please help me. seteh The medata is available after onloadedmetadata event has fired. (c) https://stackoverflow.com/a/7275714/492641 Hope it helps. Check your server has Range requests enabled. From this page on the Jplayer site: Your server must enable Range requests. This is easy to check for by seeing if your server's response includes the Accept-Ranges in its header. Most HTML5 browsers enable seeking to new file positions during a download, so the server

Control start position and duration of play in HTML5 video

◇◆丶佛笑我妖孽 提交于 2019-11-29 18:42:52
问题 We have a video (13 minutes long) which we would like to control using HTML5. We want to be able to let our users control and select the parts of the video they want to play. Preferably this control would be through 2 input fields. They would input start time (in seconds) in first box and input duration to play (in seconds) in second box. For example, they might want to start the video 10 seconds in and play for 15 seconds. Any suggestions or guidance on the Javascript needed to do this? Note

Firefox, Chrome, Safari have grey background for MP4 HTML5 video

帅比萌擦擦* 提交于 2019-11-29 17:42:09
问题 Any video (that I can make) with a white background becomes grey in Firefox, Chrome, and Safari (it is white in IE). Well, on my Windows machine it is grey, on my Android phone/tablet and Mac it is white... I am using ffmpeg to encode the video. If I encode it as webm, the background is white. See: https://jsfiddle.net/Lbg8f6ck/ I found a hack that fixes it for Chrome: <video style="-webkit-filter:brightness(108.5%);" But it does not work for Firefox or Safari. Another hack for Firefox:

Can't fullscreen html5 videos in chrome's webview

不问归期 提交于 2019-11-29 17:22:24
I've been searching around for this answer for a while but I'm not really getting anywhere. My question is regarding a webview inside of a chrome application on a computer, not for Android. If I have any embedded html5 video inside the webview, the fullscreen button does not work. All of the other video controls are working properly. I've done some searching and people are saying that webview doesn't fully support the html5 API. Is this still the case? The answers I saw are fairly old and I haven't been able to find anything recent. Any suggestions/answers would be greatly appreciated! Thanks!

Play MediaRecorder chunks in MediaSource HTML5 — video frozen

走远了吗. 提交于 2019-11-29 15:34:04
问题 I have this simple code to get chunks of video stream and play them in MediaSource. I see video, but sometimes it stops. It may work for few seconds or for few minutes. But finally it stops at some moment. chrome://media-internals/ shows no errors. What is wrong here? navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia; var mediaSource = new MediaSource(); var constraints = { "audio": true, "video": {

Video.js enter fullscreen on play

那年仲夏 提交于 2019-11-29 15:14:07
问题 I've been searching around for a long time but still haven't found a valid solution for my problem. I just cant seem to get the video player to enter fullscreen. The API does have many examples but none of them seem to work. The jQuery version included on the page I am currently working on is 1.8.2. Also, I am using parallax-1.1.js and libraries required for it to work properly so that may also be an issue. The client I am working for wants the site to have responsive design, with the ability

Chrome 64 Mobile Android not preload and not autoplay muted videos

 ̄綄美尐妖づ 提交于 2019-11-29 14:58:31
We encounter issue with Chrome 64 video element which not loaded and not autoplay although we used video attributes preload="auto" and muted on HTML element. the video start load and paused , after research, we discovered it never starts to play, like the browser blocked it from playing. our video doesn't have sound, no sound channel at all, and still no autoplay. Chrome 63 working great and the same device with 64 stop autoplay. we did all the things Google Chrome wrote in the release notes, but we think there is another issue we don't know about. We discover that you need to add preload=

MP4 not supported in Firefox?

烈酒焚心 提交于 2019-11-29 14:46:34
问题 If I paste the following URL directly into the address bar in Firefox, the video plays just fine: http://distilleryvesper1-13.ak.instagram.com/744b42900fab11e3a34522000ae80008_101.mp4 However, as soon as I wrap it in HTML5 video tags (as in this Fiddle), Firefox claims that the video isn't supported: <video width="612" height="612" controls> <source src="http://distilleryvesper1-13.ak.instagram.com/744b42900fab11e3a34522000ae80008_101.mp4" type="video/mp4"> </video> I'm using Firefox version

Responsive Html5 Video Resolution

你。 提交于 2019-11-29 14:13:28
问题 I'm writing a simple web page using responsive web design, so CSS3 media queries to serve different stylesheets based on screen resolution. To keep it simple, let's say there is an iphone versione and a desktop version. I'm using the html5 video tag to serve videos, and i would like to serve a 720p video when the site is accessed with a desktop and a smaller, 320p video when accessed with an iphone. Am i wrong or there is no easy way to do it just with html/css? Do i have to use javascript to