Generador de Código de Inserción de YouTube
Crea códigos iframe responsivos con autoplay, bucle y otras opciones.
Pega una URL de YouTube para generar el código de inserción.
Incrustar un vídeo de YouTube parece copiar el código que YouTube te da, y para una página estática lo es. El problema empieza en los sitios web reales: el código de embed por defecto de YouTube es un iframe de tamaño fijo que rompe los diseños responsive, desbordándose en móviles y dejando huecos en pantallas anchas. Conseguir que un vídeo escale limpiamente en cada dispositivo requiere una técnica de CSS concreta que el botón de copiar de YouTube no ofrece, además de saber cuál de los muchos parámetros de embed hace de verdad lo que dice. Esta herramienta construye un código de embed responsive y correctamente parametrizado —autoplay, bucle, tiempo de inicio, controles y modo de privacidad— que se comporta bien en un diseño moderno.
Cómo funciona la herramienta
Pega la URL de un vídeo y elige tus opciones: autoplay, bucle, inicio silenciado, controles ocultos, un tiempo de inicio, modo de privacidad mejorada. La herramienta genera el código del iframe con esos parámetros bien puestos, envuelto en el contenedor responsive que lo hace escalar a cualquier anchura manteniendo la relación 16:9. Copia el código en tu página y el vídeo se redimensiona limpiamente de móvil a escritorio sin el desbordamiento ni las barras que provocan los embeds crudos.
La técnica de embed responsive
El envoltorio sostiene la relación; el iframe lo llena:
<div style="position:relative; padding-bottom:56.25%;
height:0; overflow:hidden;">
<iframe style="position:absolute; top:0; left:0;
width:100%; height:100%;"
src="youtube.com/embed/ID" ...></iframe>
</div>
56.25% = 9 ÷ 16 → fija 16:9 a cualquier anchuraEl padding del 56,25% es todo el truco. El padding-bottom expresado en porcentaje se calcula respecto a la anchura del elemento, así que un padding de 9/16 fuerza al contenedor a ser siempre un 56,25% tan alto como ancho: una caja 16:9 perfecta a cualquier tamaño de pantalla. El iframe posicionado de forma absoluta llena entonces esa caja. El CSS moderno puede hacer lo mismo con aspect-ratio: 16/9, que es más limpio, pero la técnica del padding aún tiene el soporte de navegadores más amplio, y por eso el código de embed generado suele usarla.
Lo que conviene saber sobre incrustar
- 1El autoplay requiere silencio, por norma del navegador. Chrome, Safari y Firefox bloquean todos la reproducción automática con sonido —una respuesta política a años de ruido no deseado—. Un embed puesto en autoplay solo arrancará de verdad si también está silenciado; esta herramienta los empareja para que el autoplay que pides funcione de verdad.
- 2Usa el modo de privacidad mejorada salvo que tengas una razón para no hacerlo. Servir el embed desde youtube-nocookie.com impide que YouTube ponga cookies de rastreo hasta que el espectador reproduce de verdad el vídeo, lo que simplifica tus obligaciones de consentimiento de cookies y es sencillamente más respetuoso con los visitantes. Es un cambio de un dominio sin inconveniente para la mayoría de los sitios.
- 3Cada embed cuesta rendimiento de carga. Un iframe de YouTube arrastra una cantidad sustancial de script y recursos, y varios en una página la ralentizan de forma notable. Para páginas con muchos vídeos, una «fachada» —una imagen de miniatura que carga el iframe real solo al hacer clic— preserva la velocidad y luce idéntica hasta la interacción.
- 4Los embeds cuentan para el recuento público de visualizaciones del creador, con condiciones. Una reproducción genuina en un reproductor incrustado es una visualización real, por lo que incrustar tus propios vídeos en tu sitio es promoción legítima. Los bucles silenciados en autoplay normalmente no cuentan, ya que YouTube filtra por visualizaciones intencionadas: una razón para no esperar que un vídeo de fondo en bucle infle tus números.
- 5Respeta la relación de aspecto del contenido real. La caja responsive 16:9 es correcta para vídeos estándar, pero los Shorts son 9:16 verticales y necesitan un padding invertido del 177,78%. Forzar contenido vertical en una caja horizontal lo enmarca con barras negras a los lados: haz coincidir el contenedor con el formato de origen.
Preguntas frecuentes
¿Por qué mi vídeo incrustado se desborda en móvil?
Porque el código de embed por defecto de YouTube usa dimensiones fijas en píxeles, como 560×315, que no pueden encogerse para caber en una pantalla estrecha. El arreglo es la técnica del envoltorio responsive: un contenedor que sostiene la relación 16:9 usando padding porcentual, con el iframe posicionado de forma absoluta para llenarlo. Eso hace que el vídeo escale a cualquier anchura automáticamente. Esta herramienta genera ese envoltorio en lugar del predeterminado de tamaño fijo.
¿Por qué mi embed en autoplay no se reproduce solo?
Los navegadores bloquean el autoplay con sonido de forma universal: es una norma dura, no un ajuste que puedas anular. Un embed en autoplay solo arranca si también está silenciado. Esta herramienta añade automáticamente el parámetro de silencio cuando activas el autoplay, para que ocurra el comportamiento que pediste. Si necesitas sonido, el espectador debe iniciarlo, que es exactamente la política que los navegadores pretenden.
¿Qué es el modo de privacidad mejorada y debería usarlo?
Sirve el embed desde youtube-nocookie.com, lo que impide que YouTube coloque cookies de rastreo en los visitantes hasta que reproducen de verdad el vídeo. Para la mayoría de los sitios vale la pena: alivia los requisitos de consentimiento de cookies y respeta a los visitantes, sin inconveniente funcional —el vídeo se reproduce idéntico—. La única razón para saltarlo es si dependes específicamente del rastreo estándar de YouTube para el embed, cosa que la mayoría de los sitios no hacen.
¿Cuentan las visualizaciones incrustadas para el recuento de mi vídeo?
Las reproducciones genuinas sí. Cuando un visitante pulsa reproducir en un reproductor incrustado, eso se registra como una visualización real igual que en YouTube, por lo que incrustar tus vídeos en tu propio sitio es promoción legítima. Lo que no cuenta son los bucles silenciados en autoplay y otras reproducciones no intencionadas: YouTube las filtra, así que un bucle de fondo silencioso no engordará tus números.
¿Cómo incrusto un vídeo que empiece en un momento concreto?
Usa el parámetro start con un valor en segundos —ten en cuenta que los embeds requieren start, no el t que se usa en enlaces de reproducción—. Esta herramienta incluye una opción de tiempo de inicio que lo pone correctamente. Si además quieres que el vídeo se detenga en un punto, los embeds aceptan de forma única un parámetro end, que te deja reproducir solo un clip definido, algo que la página de reproducción normal no puede hacer.