Con html5media lograremos poder utilizar el nuevo tag <video> (HTML5) para poder reproducir videos en la mayoría de los navegadores que no soportan dicho tag.

Si el visitante utiliza un navegador no soportado para el tag <video>, el plugin reemplazara el tag por el reproductor Flowplayer, logrando así una consistencia en todos los navegadores.

Este plugin soporta los formatos MP4, utilizando el codec h.264 y el OGV a través del codec Theora. Como si fuera poco, en html5media disponemos una serie de controles para tomar control sobre el video; como ser:

• Control: Posibilidad de mostrar los botones (controles) del reproductor
• Autobuffer: Comenzar a cargar el video automáticamente
• Autoplay: Reproducir el video automáticamente
• Loop: Reproducir el video constantemente
• Splash image: añadir una imagen a modo de introducción el nuestro reproductor.

Para utilizar este maravilloso plugin, solo debemos realizar el llamado dentro de nuestro header:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://html5media.googlecode.com/svn/trunk/src/jquery.html5media.min.js"></script>

Y seguir la siguiente sintaxis:

<video src="video.mp4" width="320" height="240" controls autobuffer></video>

Y si necesitáramos servir dos versiones del mismo video (Theora y h.254)

<video class="video" poster="cat.jpg" width="352" height="264" controls autobuffer>
    <source src="cat.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
    <source src="cat.ogv" type='video/ogg; codecs="theora, vorbis"'>
</video>

Por ultimo no te olvides que puedes visualizar un demo del funcionamiento de este plugin.