Cómo usar: Generador de código embed de vídeo
- Pega un enlace de vídeo: YouTube (watch, youtu.be, Shorts), Vimeo, Loom, Wistia, Dailymotion, Twitch, Streamable, Google Drive, Facebook o un archivo .mp4 directo. La plataforma, el ID y la hora de inicio se leen automáticamente.
- Elige un iframe responsive o la versión lite, que carga el reproductor solo al hacer clic (páginas mucho más rápidas).
- Define la hora de inicio y de fin, la reproducción automática (siempre silenciada, ya que los navegadores bloquean el autoplay con sonido), el bucle, los controles y los subtítulos.
- Copia el código en un elemento Embed (Webflow), en un bloque HTML personalizado (WordPress) o en tu página. Las opciones que el reproductor de una plataforma no admite se ocultan.
Plataformas compatibles
YouTube (modo de privacidad mejorada, inicio/fin, subtítulos, modo lite), Vimeo (incluidos los enlaces no listados con hash, y do-not-track), Loom, Wistia, Dailymotion, Twitch (vídeos, clips y canales en directo; Twitch exige indicar los dominios donde insertas el vídeo), Streamable, Google Drive (archivos compartidos con «Cualquier persona con el enlace»), vídeos de Facebook y tus propios archivos MP4/WebM con el elemento HTML5 <video>.
Responsive sin trucos con contenedores
El código usa la propiedad CSS aspect-ratio, así que el vídeo ocupa todo el ancho de su contenedor y mantiene su proporción, sin necesidad del truco de padding-bottom. Los Shorts verticales usan 9:16 y tienen el ancho limitado para que no se vean enormes en escritorio.
Por qué la versión lite es más rápida
Un embed normal de YouTube carga alrededor de 1 MB de scripts antes de que alguien pulse play, lo que perjudica el Largest Contentful Paint y el Total Blocking Time. La versión lite muestra solo la miniatura del vídeo y un botón de reproducción; el reproductor real se carga al hacer clic y empieza de inmediato. Úsala siempre que una página tenga más de un vídeo o cuando el vídeo no sea lo primero que ve el visitante.
| Opción | Parámetro |
|---|---|
| Modo de privacidad mejorada | Dominio youtube-nocookie.com |
| Inicio / fin | start, end (segundos) |
| Reproducción automática | autoplay=1&mute=1 |
| Bucle | loop=1&playlist=ID |
| Subtítulos | cc_load_policy=1 |
| Vídeos relacionados | rel=0 (solo del mismo canal) |
También se busca como: código embed youtube, embeber vídeo vimeo, vídeo responsive html, embed loom, insertar vídeo html, código embed wistia, embed twitch, lite youtube embed.
Herramientas que combinan con: Generador de código embed de vídeo
- Generador de Embed de Google Maps — Muestra tu oficina, tienda o evento en un mapa de Google sin registrarte para obtener una API key.
- Generador de banner de cookies — Añade un banner de cookies a cualquier web — Webflow, WordPress, Shopify o HTML puro — sin plugin de pago.
- Test de velocidad de página — Ejecuta Google Lighthouse en cualquier URL para móvil o escritorio.
- Generador de imágenes OG — Crea en cuestión de segundos una imagen de vista previa del enlace con un acabado impecable para Facebook, LinkedIn, X, Slack y WhatsApp: elige una plantilla, escribe el título, añade un logotipo y, a continuación, descárgate el archivo PNG y las metaetiquetas correspondientes.