Cómo reproducir un AVI en tu sitio web

Escrito por joe rivers | Traducido por ana grasso
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo reproducir un AVI en tu sitio web
Cómo reproducir un AVI en tu sitio web. (Agri Press/Lifesize/Getty Images)

Colocar contenido en video en un sitio web siempre ha sido un desafío porque los archivos de video son grandes y ocupan muchos recursos. Los sitios como YouTube han intentado facilitar la tarea con herramientas de integración pero la mayoría de los diseñadores web están de acuerdo en que el video flash no ofrece la calidad o confianza que otros codecs de video ofrecen. Por suerte, HTML5 ahora soporta una etiqueta de elemento de video, lo que significa que puedes utilizar la mayoría de los formatos de video, como .mp4 o .avi.

Nivel de dificultad:
Moderado

Otras personas están leyendo

Necesitarás

  • Editor de texto
  • Sitio web
  • Archivo de video

Lista completaMinimizar

Instrucciones

  1. 1

    Cambia el tipo de doctype de tu archivo index.html a <!DOCTYPE HTML> para indicarle al navegador que estás utilizando HTML5. Guarda el archivo y ciérralo si no colocarás el video en el archivo index.

  2. 2

    Decide dónde deseas colocar tu archivo de video .avi en tu sitio web. En este lugar, escribe: <video height=”” width=”” controls></video>. Entre las comillas ingresa los valores de altura y ancho de tu video. Esto le indicará al navegador cómo mostrar tu archivo de video.

  3. 3

    Ingresa la ubicación del video entre las dos etiquetas de video. Tu código debería verse parecido a este:

    <video height=”620” width=”480” controls> <source src=”NOMBRE DE ARCHIVO.avi” type =”video/avi” /> </video>

    Ten en mente que las dimensiones de dicho video son sólo de ejemplo y que "NOMBRE DE ARCHIVO.avi" debe ser reemplazado con el nombre de tu video.

  4. 4

    Guarda tu index.html (o el documento .html en que estés trabajando) para finalizar todos los cambios. El archivo .avi ahora se reproducirá en tu sitio web.

Consejos y advertencias

  • Hasta el momento Safari, Chrome y Firefox todos soportan esta implementación de video web.
  • HTML5 no es oficialmente el estándar de desarrollo web, lo que quiere decir que al emplear este método estarás adelantado en el avanza de estándares de la web. Esto no debería ser un problema, si un navegador no puede reconocer tu código simplemente volverá por defecto a HTML4, lo cual significa que los usuarios aún podrán utilizar tu sitio.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles