Incrustar Video en HTML

Con el elemento <video>, puedes mostrar videos directamente en una página web. Los estándares modernos de HTML permiten la reproducción nativa sin plugins externos.

Incrustación Básica de Video

Para incrustar un video básico, usa el elemento <video> con uno o más elementos <source> dentro. El atributo 'controls' muestra los botones de reproducción.

Atributos Comunes

El elemento <video> admite varios atributos útiles: - 'controls' – muestra los controles de reproducción - 'autoplay' – inicia el video automáticamente - 'muted' – comienza silenciado - 'loop' – se reinicia al final - 'poster' – muestra una imagen previa antes de cargar.

Compatibilidad con Múltiples Formatos

Dado que no todos los navegadores soportan los mismos formatos, es mejor incluir múltiples elementos <source> con diferentes tipos de archivo (por ejemplo, MP4, WebM, OGG). El navegador usará el primero que soporte.

Accesibilidad y Compatibilidad

Siempre incluye texto alternativo dentro del elemento <video> en caso de que el navegador no lo soporte. También usa un atributo 'title' o texto alternativo si el video transmite información importante.

Consejos Prácticos

Comprime y optimiza los archivos de video para una carga rápida. Para videos grandes, considera servicios externos como YouTube o un CDN. También proporciona subtítulos o contenido alternativo si es necesario.