¿Qué es el elemento de vídeo de HTML5?

El elemento <video> de HTML5 es un componente estándar del navegador para insertar la reproducción de vídeo. Puede apuntar a uno o varios archivos de origen y ofrecer controles de reproducción, subtítulos, imágenes de portada y etiquetas de accesibilidad.

En la práctica, el marcado de vídeo consiste principalmente en combinar los atributos adecuados para cada caso de uso y asegurarse de que el texto alternativo sea significativo.

Descripción de la herramienta

Esta herramienta genera un bloque <video> listo para copiar, con atributos habituales como el origen, la imagen de portada, las dimensiones, el comportamiento de precarga, la reproducción automática, el bucle y los controles. También muestra una vista previa en tiempo real en el navegador.

Es útil cuando quieres crear rápidamente el marcado de vídeo sin tener que memorizar el nombre de cada atributo.

Ejemplos

  • Un vídeo insertado estándar con controles y una imagen de portada
  • Un vídeo de fondo en bucle y sin sonido
  • Una etiqueta de vídeo adaptable con texto alternativo personalizado

Funciones

  • Muchos atributos habituales de vídeo de HTML5 en un solo lugar
  • Texto alternativo editable para navegadores no compatibles
  • HTML generado y vista previa aislada uno al lado de la otra

Cómo funciona

La herramienta construye el marcado <video> a partir de las opciones seleccionadas y muestra una vista previa utilizando, siempre que sea posible, la misma configuración de origen. El código generado está pensado para copiarse en tu propia página.

La vista previa sigue dependiendo de que el navegador pueda cargar la URL del recurso multimedia, por lo que el éxito de la reproducción depende del propio origen.