StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>Currently there is only support for the HTML5 video object in Google Chrome, Safari (i.e. webkit) and Fx 3.5+ <a href="http://msdn.microsoft.com/en-us/library/ie/hh771805(v=vs.85).aspx" rel="nofollow noreferrer">MSDN</a> does have an article on HTML5 and video so IE10 may have joined the ranks</p> <p>For all other browsers I would redirect using script before even trying to show the video tag</p> <p>Here is some info from <a href="http://www.adobe.com/devnet/dreamweaver/articles/introducing-the-html5-video-element.html" rel="nofollow noreferrer">Adobe about codecs and how to control the movie with JS</a></p> <p>Here is a very good <a href="http://diveintohtml5.info/detect.html#video" rel="nofollow noreferrer">HTML5 tutorial I found</a> </p> <p>They suggest <a href="http://camendesign.com/code/video_for_everybody" rel="nofollow noreferrer">video for everybody</a> or this code which I modified for IE8:</p> <pre><code>function supports_video() { return !!document.createElement('video').canPlayType; } </code></pre> <p>I created <a href="http://plungjan.name/test/html5video.html" rel="nofollow noreferrer">this page</a> from your page, but I am getting 206 Partial content in Firefox. Chrome works perfectly. Perhaps a <a href="http://www.coneural.org/florian/papers/04_byteserving.php" rel="nofollow noreferrer">byte serving process</a> is needed or Firefox just need another file as specified <a href="https://stackoverflow.com/questions/3898646/html5-video-and-firefox">here</a> with the example page <a href="http://erinfoote.com/8mm.html" rel="nofollow noreferrer">here</a></p> <pre><code><!DOCTYPE html> <html> <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>HTML5 video page</title> <script type="text/javascript"> function supports_video() { // test the availability of video support var v = document.createElement('video'); return v && v.canPlayType; } function goHome() { top.location.replace("http://www.brigadapictures.com/Home.html"); // do not want to break the back button } window.onload=function() { if (supports_video) { var video = document.getElementById('myVideo'); // not sure how IE8 gets to this line, but it does if (video && video.addEventListener) video.addEventListener('ended', goHome, false); else goHome(); // IE8 peculiarity. } } </script> </head> <body> <script type="text/javascript"> if (supports_video) { document.write('Here <a href="image1.mov" target="_blank">this video</a> is supposed to appear:<br /><video src="image1.mov" id="myVideo" autoplay="true" height="434" width="770">Video not supported anyway</video>'); } else { alert('Sorry, this browser does not support HTML5 video, redirecting...') goHome(); } </script> </body> </html> </code></pre>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload