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).