Morton 3 de diciembre de 2011 a las 07.23
   Imprimir artículo
elWebmaster.com

HTML5: C贸mo usar el tag de video en tu sitio web


HTML5 trae consigo muchas de las principales innovaciones, incluyendo el nuevo tag “video” que nos permite incrustar f谩cilmente un video a nuestro sitio. Aqu铆 te explicamos m谩s…html5logowide

Antes de HTML5. sol铆amos utilizar los tags embed y object para colocar un video en nuestro sitio web.

Como habr谩s notado, esto requiere de fuentes externas para procesar el contenido, y no siempre son 100% compatibles con tu contenido.

El tag video, en cambio, es bastante simple: intentar谩 mostrar las fuentes de video que le indiques, y en caso de no encontrarlas, arrojar谩 un mensaje alternativo (al igual que hacen las im谩genes cuando usamos el tag img).

Este es el c贸digo que puedes utilizar:

  1. <video width="320" height="240" controls="controls">
  2. <source src="movie.mp4" type="video/mp4" />
  3. <source src="movie.ogg" type="video/ogg" />
  4. <source src="movie.webm" type="video/webm" />
  5. Malas noticias, no podr谩s ver algo genialm y todo por por culpa de tu conexi贸n.
  6. </video>

Aqu铆 necesitar谩s fuentes que sean .mp4, .mp3, .ogg, o .webm. Si no tienes ninguno de esos formatos, puedes utilizar varios conversores HTML5 que existen online hoy en d铆a.

Necesitas diferentes tipos de archivo porque Firefox (3.5+), Opera(10.5+) y Chrome(5.0+) soportan .ogg, pero Internet explorer(9.0+) y Safari(3.0+) s贸lo soportan .mp4.

Lo bueno es que, en vez de solicitarle a tus visitantes que cambien de navegador cuando no pueden ver el video, en cambio puedes valerte de varias alternativas para asegurarte que tu video ser谩 visto.

Eso es todo por ahora 隆Hasta la p贸xima!

Fuente original del art铆culo: 1st Web Designer
Traducci贸n realizada por
elWebmaster.com


Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Comentarios (1)

  1. manuel dice:

    Hola,
    Felicidades por la web. Sobre lo que comentas, tengo un archivo en mp4 y a mi solo me sale en IE, me falla al cargar en Firefox y Opera. El tema de dar otras alternativas, veo cargar mucho la web/blog con el mismo video en 2/3 formatos, no?

    Salu2
    Manuel

Deja tu opinión

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder