HTML5 Video

HTML & CSS
1

@All

I’ve been dabbling with HTML5 video element, and was curious too what your thoughts were, if any?

http://camendesign.com/code/video_for_everybody

2

My thoughts are that it’s a fantastic development, but a long way off being ready for practical use. Your link’s a good one, but I decided not to use that method recently as the real code is only supported in one browser, and the workarounds seem more complex than just using Flash. Still, it’s a marvelous effort to allow HTML5 video be used right away.

I can’t wait until the spec is ready and and being implemented by browsers.

3

I came across this: http://www.youtube.com/html5

4

<video> has been implemented and shipped in Safari, Firefox, Chrome and Opera.

5

Ive started using html5 <video> as a replacement for video content in browsers that may not have flash / javascript enabled (hello iPhone)

eg:



<div id="flash">
    <video width="600" height="340" poster="images/poster.gif" autoplay controls>
    <source src="videos/logoone.mp4" type='video/mp4;codecs="avc1.42E01E, mp4a.40.2"'>
   <source src="videos/logoone.ogg" type='video/ogg; codecs="theora, vorbis"'>
   </video>
   Some warning text
</div>

<script type="text/javascript">
	var flashvars = {};
	var params = {};
	var attributes = null;
	swfobject.embedSWF("flash/iamatest.swf", "flash", "600", "340", "8.0.0", null, flashvars, params, attributes);
</script>

Its useful for that but I’m not sure if it can take over from flash served video in the long run.

6

I guess this usage gives me an incentive to uninstall Flash, since <video> has better user experience than Flash videos. :slight_smile: