Generador de código para insertar videos de YouTube
Pega un enlace de YouTube en cualquier formato, elige los tiempos de inicio y fin, la reproducción automática, el bucle, los subtítulos y el modo de privacidad mejorada, y copia un código iframe limpio y responsive para tu sitio web. La vista previa solo carga YouTube cuando haces clic.
Última actualización:
Vista previa en vivo
Cómo usar Generador de código para insertar videos de YouTube
- Pega el enlace de YouTube (o solo el ID de video de 11 caracteres). Los Shorts se detectan y se cambian a un marco de 9:16.
- Define los tiempos de inicio y fin si solo quieres una parte del video, por ejemplo de 1:30 a 2:45.
- Elige las opciones de reproducción, como reproducción automática, bucle, subtítulos o controles ocultos.
- Elige un tamaño: Responsive ocupa el ancho de su contenedor con la relación de aspecto elegida; Tamaño fijo usa píxeles exactos.
- Pulsa Copiar código y pégalo en tu HTML, en un bloque HTML personalizado de WordPress o en tu creador de páginas. Haz clic en Cargar vista previa para comprobarlo antes.
Enlaces de YouTube que entiende esta herramienta
| Formato del enlace | Ejemplo |
|---|---|
| Página de reproducción | https://www.youtube.com/watch?v=VIDEO_ID&t=90s |
| Enlace corto | https://youtu.be/VIDEO_ID?t=1m30s |
| Shorts | https://www.youtube.com/shorts/VIDEO_ID |
| Directo | https://www.youtube.com/live/VIDEO_ID |
| Código de inserción existente | https://www.youtube.com/embed/VIDEO_ID?start=30 |
| Playlist | https://www.youtube.com/playlist?list=PL… |
| Móvil / Music | m.youtube.com, music.youtube.com |
| ID solo | 11 caracteres entre letras, dígitos, - y _ |
Referencia de parámetros de inserción de YouTube
| Parámetro | Valor | Efecto |
|---|---|---|
start | segundos | Empieza la reproducción en este segundo (1:30 = 90). |
end | segundos | Detiene la reproducción en este segundo. |
autoplay | 1 | Empieza a reproducirse automáticamente (necesita mute=1 en la mayoría de los navegadores). |
mute | 1 | Empieza en silencio. |
loop + playlist | 1 + ID del video | Repite el video; un solo video debe indicarse como su propia playlist. |
controls | 0 | Oculta los controles del reproductor. |
cc_load_policy | 1 | Muestra los subtítulos de forma predeterminada. |
cc_lang_pref | código de idioma | Idioma preferido de los subtítulos, p. ej., en o es. |
rel | 0 | Los videos relacionados del final son del mismo canal. |
playsinline | 1 | Reproduce dentro de la página en iPhone en lugar de a pantalla completa. |
fs | 0 | Oculta el botón de pantalla completa. |
Inserción responsive: cómo funciona el truco del padding
Un iframe no tiene una relación de aspecto natural, así que el código responsive lo envuelve en un div con height:0 y un padding inferior igual a alto ÷ ancho × 100. El padding en porcentaje se mide respecto al ancho del contenedor, así que la caja siempre mantiene la forma correcta, y el iframe se estira para llenarla con posicionamiento absoluto.
| Relación de aspecto | Padding-bottom | Uso habitual |
|---|---|---|
| 16:9 | 9 ÷ 16 = 56.25% | Videos estándar de YouTube |
| 9:16 | 16 ÷ 9 = 177.7778% | YouTube Shorts |
| 4:3 | 3 ÷ 4 = 75% | Grabaciones antiguas, presentaciones |
| 1:1 | 100% | Clips cuadrados para redes sociales |
Preguntas frecuentes
¿Cómo inserto un video de YouTube en mi sitio web?
Pega arriba el enlace del video, copia el código generado y pégalo en el HTML de tu página donde quieras que aparezca el video. En WordPress usa un bloque HTML personalizado; en la mayoría de los creadores de sitios usa un elemento Insertar o HTML.
¿Cómo hago que un video de YouTube insertado empiece en un momento concreto?
Escribe el tiempo en el campo Empezar en, por ejemplo 1:30. La herramienta añade start=90 a la URL de inserción. Si tu enlace ya contiene ?t=90 o ?t=1m30s, el tiempo de inicio se completa automáticamente. Usa Terminar en para detener la reproducción en un segundo determinado.
¿Por qué mi video de YouTube insertado no se reproduce automáticamente?
Los navegadores solo permiten la reproducción automática cuando el video está silenciado, así que la herramienta activa Empezar en silencio cuando marcas Reproducción automática. Los modos de ahorro de datos y algunos navegadores móviles pueden seguir bloqueando la reproducción automática por completo.
¿Cómo repito en bucle un video de YouTube insertado?
Marca Bucle. Para un solo video, YouTube también exige un parámetro playlist con el mismo ID de video, que el generador añade por ti (loop=1&playlist=VIDEO_ID).
¿Qué es el modo de privacidad mejorada?
Los videos insertados desde youtube-nocookie.com no guardan cookies de YouTube ni personalizan anuncios para los visitantes hasta que reproducen el video. Es la opción recomendada para sitios que cuidan el RGPD (GDPR) y funciona igual para los espectadores.
¿Cómo hago que un video de YouTube insertado sea responsive?
Usa la opción Responsive. El iframe se coloca dentro de un contenedor con un padding en porcentaje (56.25% para 16:9), de modo que se escala con el ancho de la página manteniendo su forma. Define un ancho máximo si no debe crecer más allá de cierto tamaño.
¿Puedo insertar YouTube Shorts?
Sí. Pega el enlace youtube.com/shorts/; el generador lo convierte en una URL de inserción normal y selecciona un marco vertical de 9:16.
¿Se prueban todas las herramientas de FreeToolCabin para comprobar su calidad y precisión?
Sí. Cada herramienta del sitio pasa pruebas automáticas en navegadores reales para comprobar que el resultado es correcto y que no hay errores. Si encuentras un fallo o tienes una sugerencia, escríbenos a [email protected] y lo revisaremos.