MediaElement.js es un plugin para jQuery que nos permitirá reproductir videos en HTML5 en navegadores que no tengan soporte para este nuevo formato.

Utilizando esta librería podremos insertar videos en nuestros sitios utilizando el tag <video>, el plugin detectará si el navegador tiene soporte para este tag y en caso de que la respuesta sea negativa, insertará el video en un formato que sea aceptado, como podría ser en flash.

De esta forma tendremos la seguridad de que nuestros videos podrán ser vistos por todos los usuarios, sin importar si lo estan haciendo desde Internet Explorer 6 o desde un iPad, por ejemplo.

Ejemplo de uso:

<script src="jquery.js"></script>
<script src="mediaelement.js"></script>
<script src="mediaelementplayer.js"></script>
<link href="mediaelementplayer.css" rel="Stylesheet" />

<!-- Preferred: Use one H.264 file for everyone (with silverlight fallback) -->
<video src="myfile.mp4" type="video/mp4" width="640" height="360"></video>

<!-- OR use multiple codecs, your choice -->
<video width="640" height="360">
<source src="myfile.mp4" type="video/mp4" >
<source src="myfile.ogg" type="video/ogg" >
<source src="myfile.webm" type="video/webm" >
</video>

<script>
jQuery(document).ready(function($) {
$('video').mediaelementplayer();
});
</script>

La utilización de este Plugin nos dará soporte para videos en H.264 (MPEG), como asi también archivos FLV y WMV, en los navegadores con HTML5 como iPhone, iPad, Android, Chrome, Safari e Internet Explorer 9, asi como también en navegadores sin soporte HTML5 pero con la posibilidad de reproducir Silverlight/Flash: Internet Explorer 6,7,8, Firefox y Opera.

Fuente: MediaElement via Web Resources Depot.