HTML5 Video

Hurrah for the death knell of Flash!

Note: Video muted at source for the sakes of both space and sanity.

I’m excited about HTML video. Not only because of my distain for Flash, but because I find the video spec well-planned and powerful with fallbacks and DOM events. Additionally, video tags are full HTML elements, and can therefore be modified with CSS properties like transforms, opacity, and transitions.

Implementation is still recent and therefore not fully reliable. Firefox, for instance, doesn’t yet support the loop property*. An oversight easily fixed with this:

(function(v){ if(!v.loop){ v.addEventListener('ended',function(e){ v.play(); }); } })(document.getElementsByTagName('video')[0]);

*Firefox started supporting loop in version 11, meaning it is supported in all modern browsers. The above code is preserved for posterity.