html5-video

UIWebView loading html5-Video EXC_BAD_ACCESS crash

℡╲_俬逩灬. 提交于 2019-12-03 13:34:49
in our iPad-App we are using an UIWebView to load different sites from one domain some of them with a hml5-Video. Sites without a Video do load perfectly. But when I'm loading a site containing htmlt5-video sometimes my app crashes during the loading-process of the UIWebView with EXC_BAD_ACCESS and sometimes it does not. Whenever such a crash occurs it seems to happen at the point where the Video-Player is added into the site. I did download the UICatalog-Example from Apple and just did change the Default-URL in the WebViewController-Class to a URL of a site containg html5-video. Same results

Muted Autoplay in Chrome still not working

耗尽温柔 提交于 2019-12-03 12:46:32
I am having trouble getting chrome to autoplay a video. I have set the video to muted and it auto plays in both Safari and Firefox but not chrome. <video autoplay muted poster="path to video" id="bgvid"> <source src="assets/uploads/hero/livePhotoNoSound.mp4" type="video/webm"> <source src="assets/uploads/hero/livePhotoNoSound.mp4" type="video/mp4"> </video> I want to video to start playing automatically. Currently the video loads, but is just still. Everything I've read says that as long as it's muted it should play, but that is not the result I'm getting. Although @richard-lindner's solution

Embeding a Video in HTML4 vs HTML5

不想你离开。 提交于 2019-12-03 12:46:06
While searching for difference between HTML4 and HTML5 I came across the point that : HTML5 brings a whole new dimension to web world. It can embed video on web-pages without using any special software like Flash So if we will consider a sample code in HTML4 then for embeding video then that will be: <embed src="MyVideo.mp4"/> While the above code can be written in HTML5 will be: <video src="MyVideo.mp4"></video> So what can I see is just the syntax difference. Apart from that what else is the difference. Does this mean if we will use HTML5 to embed a video then the browser is not going to use

GoLang http webserver provide video (mp4)

半城伤御伤魂 提交于 2019-12-03 12:32:45
问题 I developed a webserver using golang. Pretty plane stuff, it just provides html/js/css and images which works perfectly fine: func main() { http.Handle("/", new(viewHandler)) http.ListenAndServe(":8080", nil) } func (vh *viewHandler) ServeHTTP(w http.ResponseWriter, r *http.Request) { path := r.URL.Path[1:] log.Println(path) data, err := ioutil.ReadFile(string(path)) if err == nil { var contentType string if strings.HasSuffix(path, ".html") { contentType = "text/html" } else if strings

Motion jpeg in html5 canvas

五迷三道 提交于 2019-12-03 12:18:36
I'm trying to wrap motion jpeg (mjpeg) stream (from webcam) into html5 canvas. I know Safari and Chrome have native support for mjpeg so that I can put it into img to make it work. The reason I want to wrap it in canvas is that I want to do some post processing on it. I know i can use drawImage to load an image (and mjpeg): <html> <body> <canvas id='test_canvas' width='640px' height='480px' style='border:1px solid #d3d3d3'> </canvas> <script language="JavaScript"> var ctx = document.getElementById('test_canvas').getContext('2d'); var img = new Image(); img.onload = function() { ctx.drawImage

HTML5 video player prevent seeking

元气小坏坏 提交于 2019-12-03 12:02:05
I'm creating a series of video tutorials and would like to prevent users from seeking forward and skipping sections. I'll be using an HTML5 video player that will be used for desktop and iPad browsers. Ideally, I'd like this to work on the iPhone as well, but I realize you have no control over the video on the phone since it uses the iPhone video player. How can I prevent users from seeking forward on an HTML5 video player? Another example for Video.js: videojs('example_video_1').ready(function(){ var player = this; var previousTime = 0; var currentTime = 0; var seekStart = null; player.on(

.mp4 file not playing in chrome

风格不统一 提交于 2019-12-03 11:58:13
问题 I want to show a video on my website. I have created a .mp4 file and using the HTML5 video tag to add it to the html. The problem is that it is not being displayed in chrome. I would also like to know how I can replay it again and again. 回答1: After running into the same issue - here're some of my thoughts: due to Chrome removing support for h264, on some machines, mp4 videos encoded with it will either not work (throwing an Parser error when viewing under Firebug/Network tab - consistent with

HTML5 video codec support

你。 提交于 2019-12-03 11:42:53
问题 What codecs will be supported with the HTML5 video tag? Will it vary by browser, or is there a spec of specific codec that will be supported? 回答1: According to wikipedia: The current HTML5 draft specification does not specify which video formats browsers should support in the video tag. User agents are free to support any video formats they feel are appropriate. HTML5 is in draft format though and this may change. There is an ongoing debate about the suitability of various algorithms and it

Partial-screen WebView with <video> cut in half

风格不统一 提交于 2019-12-03 11:38:11
I have a tablet application with a split layout - a list on the left, and a detail pane on the right. The right-hand pane is a WebView, and it contains a <video> tag. That's all working fine, except the entire right-hand side of the WebView is cut off and renders plain white. Why is it rendering this way, and how can I avoid it without inserting a huge hack? I have boiled it down to a simple test project, which I've posted on github . Here is a screenshot : http://d.pr/i/dfEh . The grey area along the left is where the list view belongs. I have changed it to an empty FrameLayout for simplicity

Force a full preload HTML5 video with Javascript?

亡梦爱人 提交于 2019-12-03 11:31:01
问题 I'm about to try to fully preload a video in HTML5. I use the attribute preload=auto but it does not preload the entire video... In Chrome, the video is only preloaded up to 2% and in Safari around 50%... Is it possible to force a full preload video with javascript? 回答1: function addSourceToVideo(element, src, type) { var source = document.createElement('source'); source.src = src; source.type = type; element.appendChild(source); } var video; $(document).ready(function(){ video = document