Test: YouTubeEmbed Component

Ejemplo 1: Video con título

Video de Alice in Chains - Nutshell (del post "Cómo escribir un ensayo")

Ejemplo 2: Video sin título personalizado

Video de Guns N' Roses - November Rain

Ejemplo 3: Aspect ratio 4:3

Video con aspect ratio diferente

Características implementadas

• ✅ Lazy loading - El iframe solo se carga al hacer click
• ✅ Thumbnail de alta calidad de YouTube
• ✅ Botón de play animado
• ✅ Responsive con aspect ratio CSS
• ✅ Accesibilidad completa (ARIA, keyboard navigation)
• ✅ Parámetros optimizados (modestbranding, rel=0)
• ✅ Estilos del design system (colores, sombras, transiciones)
• ✅ Fallback para navegadores sin JavaScript
• ✅ Loading state visual
• ✅ Focus states visibles

Uso del componente

<YouTubeEmbed 
  videoId="9EKi2E9dVY8" 
  title="Alice in Chains - Nutshell" 
/>