Fresh Resources for HTML5 Video and Audio

The war against Adobe Flash has just begun. The broadcast of audio and video contents is actually one of battlefields where the conflict is on. Developers and providers of media contents are switching slowly to the new HTML5 supported formats. Flash is not more the only solution to distribute that kind of contents in streaming. Here is a collection of five interesting fresh resources for HTML5 video and audio support.

FlareVideo is probably one of the most interesting HTML 5 video player in circulation, completely open source and free for commercial use. Created by Alex MacCaw, FlareVideo supports fullscreen visualization and the interface is easily customizable via HTML, CSS and JavaScript.

Video JS is a free and open source javascript-based video player that uses the HTML5 video functionality built into advanced browsers. Video JS is really simple to use, lightweight and fully skinnable using CSS. It supports H.264 MPEG 4, Ogg format and is compatible with iPhone and iPad.

As you probably know, not all browsers natively support <video> and <audio> HTML5 tags. html5media is not a video player but a useful JavaScript tool which enables these tags in all major browsers. The only thing you have to do to use these tag is to add this line of code in the <head> of your pages:

<script src="html5media.min.js"></script>

html5media support h.264 (mp4) or Theora (ogv) format for video and mp3, AAC (m4a) or Vorbis (ogg) for audio.

Open-Player is a cross-browser player for <video> and <audio> HTML5 tags. Media playback uses embedded support based on HTML 5 spec or, in lack of options, using Flash player fallback.

jPlayer is a jQuery plugin that allows you to play mp3 or ogg format on all browsers which support the HTML5 <audio> tag while for other browsers (not HTML5 ready) mp3 format with no visible Flash.

  • Reply
    Minnix
    June 5, 2010 at 1:15 pm

    You missed Jilion’s SublimeVideo! http://jilion.com/sublime/video

    • Antonio Lupetti
      June 5, 2010 at 1:19 pm

      I didn”t mentioned SublimeVideo because is enough popular :)

    • Minnix
      June 7, 2010 at 6:53 am

      Ah, it’s okay! :)

  • Reply
    George
    June 6, 2010 at 2:08 am

    Great article, I’ve experiment with HTML5 video and audio, so thanks for great guide.

  • Reply
    Michael
    June 6, 2010 at 2:20 am

    Thanks for this, that Flare video could come in handy.

  • Reply
    Mark Boas
    June 7, 2010 at 1:57 am

    Thanks for mentioning jPlayer Antonio. For those interested in developing audio apps using jPlayer we also have an active community at http://groups.google.com/group/jplayer

  • Reply
    DynaIndex.com
    August 4, 2010 at 11:20 pm

    And when you mix html5 and webgl together you get a fantastic 3-d browser gaming or virtual world experience. I look forward to the day that the servers do all the rendering.

  • Reply
    praveen vijayan
    December 20, 2010 at 8:01 pm

    http://www.html5video.org/kaltura-html5/ – this one also a good. Used by wikimedia & widget available in dereamweaver widget browser

  • Reply
    Shawn Scammahorn
    December 30, 2011 at 10:55 am

    Nice resources, Antonio. Going to be using one of these on an upcoming project.

    Did notice that html5media moved to GitHub now:
    https://github.com/etianen/html5media