Optimización de vídeos

Vídeos hay de muchos tipos, aunque pueda parecer lo contrario, aunque por norma general en Internet se suelen usar dos tipos: los MPEG (habitualmente en MP4) y los WebM. Cada uno tiene sus ventajas e inconvenientes.

Por otro lado, otro elemento a tener en cuenta, al igual que las imágenes, es la resolución del vídeo. No tiene ningún sentido emitir un vídeo en 4K en una pantalla de resolución HD.

Y por supuesto, cuando hablamos de vídeos, hemos de tener en cuenta la velocidad de la conexión a Internet del usuario.

Al igual que en el caso de las imágenes, podemos cargar distintos formatos según sea necesario.

<video controls>
  <source src="/video.webm" type="video/webm">
  <source src="/video.mp4" type="video/mp4">
</video>

Hay que tener también presente que podemos pedirle al sistema que vaya cargando o no el vídeo. Para esto la etiqueta <video> permite el parámetro de preload con los siguientes valores:

  • none: Sin precarga.
  • auto: Con precarga.
  • metadata: Carga solo metadatos (como la duración).