tigtools

Generador de código de inserción de YouTube

Pega un enlace de YouTube, elige las opciones del reproductor y copia el código iframe en tu sitio web. El modo responsive ocupa todo el ancho de su contenedor en 16:9.

Se ejecuta en tu navegador Sin registro

Video

Reproducción

Un código de idioma como en, de o pt-BR. Define el idioma de la interfaz del reproductor y, con los subtítulos activados, el idioma preferido de los subtítulos.

Tamaño y página

Tamaño

El reproductor ocupa todo el ancho de su contenedor y mantiene una forma 16:9, usando la propiedad aspect-ratio de CSS admitida por los navegadores actuales.

Describe el reproductor para lectores de pantalla. Usa el título del video si puedes.

Código de inserción

Pega el enlace de un vídeo para obtener el código de inserción.

Cómo usarla

  1. Pega el enlace del video de YouTube o su ID de 11 caracteres.
  2. Configura los tiempos de inicio y fin y las opciones de reproducción que desees.
  3. Elige responsive o un tamaño fijo y define un título descriptivo.
  4. Copia el HTML y pégalo en tu página o en el bloque HTML del creador de tu sitio. Usa Mostrar vista previa para probarlo.

Cómo funciona

El código utiliza el reproductor iframe estándar de YouTube. Las opciones se convierten en parámetros URL en la dirección del reproductor: start y end (segundos), autoplay, mute, loop con playlist, controls=0, cc_load_policy=1 para subtítulos, cc_lang_pref para el idioma de los subtítulos y hl para el idioma del reproductor. El modo de privacidad mejorada cambia la dirección a youtube-nocookie.com.

Algunas opciones tienen límites establecidos por YouTube o por los navegadores. La reproducción automática solo funciona cuando el video está silenciado, por lo que la herramienta añade mute=1 junto con autoplay. Para repetir un solo video en bucle se necesita el parámetro playlist configurado con el mismo ID del video, lo cual la herramienta añade automáticamente. Los subtítulos solo aparecen si el video los tiene. Los videos cuyos propietarios han deshabilitado la inserción mostrarán un error en el reproductor.

El modo responsive envuelve el iframe en un contenedor con aspect-ratio: 16 / 9 y width: 100%, de modo que se escala con la página sin usar el antiguo truco de padding-bottom. El modo fijo escribe los atributos width y height. El lazy loading retrasa la carga del reproductor hasta que esté cerca de la parte visible de la página.

Ejemplos

Inserción responsive respetuosa con la privacidad

Configuración predeterminada: youtube-nocookie.com, responsive 16:9 y lazy loading. Pega el fragmento de código en cualquier página HTML.

Bucle estilo fondo

La reproducción automática, el bucle y la ausencia de controles generan …/embed/ID?autoplay=1&mute=1&loop=1&playlist=ID&controls=0.

Reproducir solo una sección

Iniciar en 1:00 y detener en 2:30 genera start=60&end=150, por lo que el reproductor solo reproduce esa parte.

Preguntas frecuentes

¿Por qué mi video insertado no se reproduce automáticamente con sonido?

Los navegadores bloquean la reproducción automática con sonido. La reproducción automática requiere mute=1, que la herramienta añade automáticamente; algunos navegadores o ajustes aún la bloquean.

¿Qué hace el modo de privacidad mejorada?

Carga el reproductor desde youtube-nocookie.com. Según YouTube, la información de los visitantes no se almacena para personalización a menos que reproduzcan el video.

¿Por qué necesito playlist= para el bucle?

El parámetro loop de YouTube solo funciona con una lista de reproducción. Configurar playlist con el mismo ID de video hace que un solo video se repita.

¿El código generado funciona en WordPress?

Sí. Pégalo en un bloque de HTML personalizado. Algunos creadores de sitios eliminan los iframes por seguridad; en ese caso, usa su propio bloque de video.

Privacidad

El código de inserción se genera en tu navegador y no se envía nada a ningún sitio. Solo si haces clic en «Mostrar vista previa», tu navegador carga el reproductor desde YouTube (o youtube-nocookie.com).