Chau Flash, se viene WebM...

La hora de dejar atrás el plug-in Flash para ver videos On-Line ha llegado, gracias al nuevo tag <video> incluído en el estándar HTML5, y el codec de compresión de video "WebM" de Google, liberado el año pasado (antes conocido como VP8 y desarrollado por la empresa On2).

Ya todos los browsers "libres" y open source (Mozilla Firefox 4.0, SeaMonkey 2.1 b3), Chromium, así también como los freeware Opera (v10.6+) y Chrome de Google, lo soportan. Lo que es aún más importante, el software libre de compresión de video FFMPEG, desde su versión 0.6 ya soporta el formato WebM, permitiéndonos fácilmente convertir nuestros videos de los formatos propietarios Flash, Windows Merdia (WMV) u otros a WebM.

De hecho, Google anunció hace un par de días que está convirtiendo todos los videos de Youtube a WebM, así que muy pronto, será posible ver Youtube sin tener Flash!. Un preview disponible por acá.

[Menos, claro, los sospechosos de siempre, y complices en el crimen: Apple, y Microsoft. Pero para el de M$ hay solución, ver al pie del post.]

Así que para cortar la cháchara, acá les dejo un video en WebM, uno de mis clips favoritos de los ácidos e hilarantes Ren&Stimpy, y abajo el código de cómo se embebe un video WebM en HTML5

[ Click en la imagen para darle Play al video ]

Ejemplo Simple:

<video poster="http://www.loquesea.com/video/thumbnail.jpg" id="video" style="cursor: pointer;" >
  <source src="http://www.loquesea.com/video/video.webm" type="video/webm" />
</video>

Versión con un segundo video .mp4 (H.264) para usuarios de Safari en Mac, o IE7, IE8...

<video poster="http://www.loquesea.com/video/thumbnail.jpg" id="video" style="cursor: pointer;" >
  <source src="http://www.loquesea.com/video/video.webm" type="video/webm" />
  ¿No podés ver video WebM? <a href="http://www.loquesea.com/Apple-es-lo-mismo-que-Microsoft/video.mp4">Bajar el video en H.264</a>.
</video>

<script type="text/javascript">
  var video = document.getElementById('video');
  video.addEventListener('click',function(){
    video.play();
  },false);
</script>

Nota: El Javascript de arriba es opcional y es un work-around, sólo sirve para algunos teléfonos móviles con Android 2.x que si no tienen problemas.
Nota2: Nótese el work-around de bajar un MP4 para Safari, aunque en realidad deberian usar Firefox en Mac.

Link para download del video WebM
(por si lo quieren ver en un media player o para probar el Codec de Google para IE/WMP)

http://bit.ly/dPoLDf

FC
PD:
1. Los usuarios de Windows con IE9 tienen una opción: instalar el codec desarrollado por Google, que permite ver videos WebM tanto en el browser del monopolio de Redmond (versión 9 en adelante) como así también con Windows Merdia Player.
2. Prontuario de los "control freaks" de la Manzanita 
http://www.techeye.net/software/vlc-withdrawn-from-itunes
http://www.theinquirer.net/inquirer/news/1937098/apple-killing-internet


Imagen: http://blog.bobbyrettew.com/wp-content/uploads/2011/02/say-no-to-flash.jpg