MP4 vs WEBM

Dos contenedores de vídeo modernos pero apuntan a casos diferentes

MP4 y WebM son contenedores de vídeo modernos pero apuntan a casos diferentes. MP4 es el estándar universal absoluto desde 2003: lo reproduce cualquier dispositivo del mundo, integrado en iPhone, Mac, Android, smart TVs, consolas, equipos de coche. WebM es el formato abierto y libre de royalties lanzado por Google en 2010 con codecs VP8/VP9/AV1, optimizado específicamente para vídeo web HTML5.

Para distribución general (descarga, móviles, plataformas streaming), MP4 es la elección obvia por compatibilidad. Para vídeo web HTML5 servido desde tu propia infraestructura (sin DRM ni distribución masiva), WebM ofrece mejor compresión especialmente con VP9/AV1, sin pagar royalties por uso de codec H.264/H.265.

Cuándo elegir MP4

1. Es distribución universal: vas a publicar en cualquier plataforma (YouTube, Vimeo, redes sociales)
2. Es para móvil: iPhone, Android, todos lo reproducen nativamente
3. Necesitas soporte universal absoluto: cualquier dispositivo del mundo desde 2010
4. Es para descarga local: el usuario lo guarda y lo abre en cualquier reproductor (VLC, QuickTime, Windows Media, etc.)
5. Quieres calidad cinema profesional: H.264/H.265 son estándares industria audiovisual
6. Es para edición de vídeo: la mayoría de software (Premiere, Final Cut, DaVinci) trabaja nativamente con MP4
7. Es archivo final: el master que vas a archivar y conservar décadas
8. Necesitas HDR (High Dynamic Range): H.265 + MP4 soporta HDR10, Dolby Vision

Cuándo elegir WebM

1. Es vídeo HTML5 nativo servido desde tu propia infraestructura web
2. Quieres evitar royalties por uso de H.264/H.265 (relevante si distribuyes a millones de usuarios)
3. Optimizas ancho de banda web: VP9/AV1 producen archivos hasta 50% más pequeños que H.264 con calidad equivalente
4. Es para navegadores modernos Chrome/Firefox/Edge: WebM es nativo en estos
5. Buscas mejor calidad por bitrate: AV1 es el codec más eficiente actualmente disponible
6. Es vídeo corto loop (sin audio, autoplay): WebM produce archivos compactos ideales para hero animations, demos
7. Eres plataforma open source y necesitas stack 100% libre de patentes
8. Estás evitando contenido protegido por DRM: WebM no tiene infraestructura DRM consolidada

MP4 vs WebM: la batalla de los codecs

La diferencia real no está tanto en el contenedor (.mp4 vs .webm) sino en los codecs que usan:

• MP4 típicamente usa H.264 (universal) o H.265/HEVC (más eficiente, con royalties altos)
• WebM usa VP8 (legacy), VP9 (moderno) o AV1 (cutting edge, libre de royalties)

Comparativa de compresión equivalente a misma calidad visual:

• H.264: baseline (100%)
• H.265 / VP9: ~50% del tamaño de H.264
• AV1: ~50% del tamaño de VP9 (~25% de H.264)

AV1 es el más eficiente actualmente, pero requiere CPU significativa para decodificar (mejorando con hardware decoders modernos).

Soporte de navegadores en 2026

• Chrome / Edge / Opera: MP4 (H.264, H.265 limitado), WebM (VP8, VP9, AV1) — todos
• Firefox: igual que Chrome
• Safari (macOS / iOS): MP4 (H.264, H.265 nativo), WebM solo desde Safari 14.1 (macOS 11+, iOS 14+)
• Smart TVs / consolas: MP4 H.264 universal; WebM raramente soportado

Para máxima compatibilidad, MP4 H.264 sigue ganando. Para optimización web moderna, WebM VP9/AV1 ofrece mejor compresión.

Estrategia <video> con múltiples sources

Para máxima compatibilidad + mejor compresión:

<video controls>
  <source src="video.av1.webm" type="video/webm; codecs=av1">
  <source src="video.vp9.webm" type="video/webm; codecs=vp9">
  <source src="video.h264.mp4" type="video/mp4">
  Tu navegador no soporta vídeo HTML5.
</video>

Navegadores modernos cargan AV1 (más eficiente), navegadores con Chrome antiguo cargan VP9, Safari antiguo carga H.264. Todos felices, óptimo ancho de banda.