¿Quieres que te llamemos?

captcha

html5-future

Con todo el maravilloso boom del HTML5, esa tecnología que nos ayuda a crear magníficas aplicaciones web, hay un tema que aún no tenemos solucionado: el vídeo.

Hasta hace no mucho todo el mundo tenía que user Flash para poder ver vídeos. Por ejemplo YouTube usa flash para reproducir la mayoría de vídeos.

¿No pueden los navegadores actuales reproducir vídeo?

Claro, pero cada uno hará lo que quiera. Voy describirte los tres casos de peor a mejor:

3. Firefox

La ardilla cita en su documentación:

To avoid patent issues, support for MPEG 4, H.264, MP3 and AAC is not built directly into Firefox. Instead it relies on support from the OS or hardware. Firefox supports these formats on the following platforms:

Esto quiere decir: “ah, si no puedes ver vídeo no es culpa nuestra. Es culpa de tu sistema operativo”.

Erm… gracias Firefox 😐

Digamos que el formato que los grandes navegadores usan por un tema de rendimiento y compresión es el MP4. Firefox lo soporta de la siguiente manera:

  • Windows 7: Sí (Firefox 21)
  • Windows XP: No
  • Mac OS X: No
  • Windows 8: Yes (Firefox 21)
  • Windows Vista: Yes (Firefox 22)
  • Android: Yes (Firefox 20)

Bonito, verdad?

Si usas Mac como yo necesitarás instalar el complemento Flash de Adobe para ver vídeos en Firefox.

PD: como te puedes imaginar que no he instalado dicho complemento, hecho por el mismísimo demonio 👿

2. Safari

Nuestro CEO Moisés, que tiene un amor platónico con este navegador no tiene nada que decir cuando se trata de vídeo.

Por suerte Safari (v6) sí lee MP4 pero considera que no somos dignos de ver una vista previa del vídeo antes de darle al play.

Es así de chulo:

safari html5 video

1. Google Chrome

El número uno, el mejor, el más moderno no podía ser otro que Google Chrome.

Con Chrome puedes reproducir MP4 sin ningún problema. Además Chrome generará una vista previa del vídeo para que veas al menos uno de los primeros fotogramas.

¿A qué esperas para usar Chrome?

La solución

La solución depende de ti.

En un mundo ideal todo el mundo usaría Chrome.

En un mundo menos ideal exportarías tus vídeos a tres formatos diferentes: mp4, webm y ogg

De esta manera cada navegador usará el formato con el cual es compatible y todos seremos felices.

Este es un vídeo que ofrece los tres formatos, deberías verlo en todos los modernos navegadores:

El código HTML5 para mostrar este vídeo es así.

<video width=”480″ height=”360″ controls>
<source src=”https://www.coexia.com/wp-content/uploads/2013/09/dizzy.mp4” type=”video/mp4″ />
<source src=”https://www.coexia.com/wp-content/uploads/2013/09/dizzy.webm” type=”video/webm” />
<source src=”https://www.coexia.com/wp-content/uploads/2013/09/dizzy.ogv” type=”video/ogg” />
</video>

La realidad es que en la mayoría de casos exportar tres tipos de vídeo no es viable.

Mi recomendación es usar solo MP4. Es el formato más estándar y el que posiblemente te de mejor resultado.

¿Cómo gestionas tus vídeos? Subirlos a YouTube no vale 😉

es Frontend Developer en Coexia. Haciendo malabares con CSS, HTML y JavaScript.

Etiquetas:

Deja tu comentario

* Campos Obligatorios.
** No será visible ni lo usaremos.