Ir al contenido

Insertar video de YouTube

Pega un enlace de YouTube y obtén un código de inserción que se adapta a cualquier pantalla y carga rápido.

Relación de aspecto

Primero carga una miniatura y el reproductor de YouTube solo al hacer clic: las páginas cargan mucho más rápido.

Opciones
px
Estilo del código
Avanzado

Solo para navegadores muy antiguos o CMS que eliminan el estilo aspect-ratio.

Vista previa
Pega un enlace de YouTube para ver la vista previa

La vista previa se carga desde YouTube. Si la vista previa dice «Video unavailable», es posible que el propietario haya desactivado la incrustación.

Código

    

Funciona en tu navegador: tus datos no se suben.

Cómo se usa

  1. Pega el enlace de YouTube o el ID del video; el código se actualiza automáticamente.
  2. Elige la Relación de aspecto que necesites.
  3. Indica el Ancho máximo en píxeles si quieres limitar el tamaño del video.
  4. Copia el código generado y pégalo en el HTML de tu página.

Ejemplos

Video musical desde el minuto 1:30

Entrada
https://youtu.be/kJQP7kiw5Fk?t=1m30s
Salida
<iframe src="https://www.youtube-nocookie.com/embed/kJQP7kiw5Fk?start=90&amp;rel=0&amp;playsinline=1" srcdoc="&lt;style&gt;*{padding:0;margin:0;overflow:hidden}html,body{height:100%}img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}img{height:100%;object-fit:cover}span{height:1.5em;text-align:center;font:48px/1.5 sans-serif;color:#fff;text-shadow:0 0 .5em #000}&lt;/style&gt;&lt;a href='https://www.youtube-nocookie.com/embed/kJQP7kiw5Fk?start=90&amp;amp;autoplay=1&amp;amp;rel=0&amp;amp;playsinline=1' aria-label='Play: YouTube video player'&gt;&lt;img src='https://i.ytimg.com/vi/kJQP7kiw5Fk/hqdefault.jpg' alt='YouTube video player' loading='lazy'&gt;&lt;span&gt;▶&lt;/span&gt;&lt;/a&gt;" title="YouTube video player" loading="lazy" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen style="display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;"></iframe>

Convertir un iframe antiguo a 4:3 con contenedor antiguo

Entrada
<iframe width="560" height="315" src="https://www.youtube.com/embed/kJQP7kiw5Fk" title="Video para clase"></iframe>
Salida
<div style="position:relative;width:100%;padding-bottom:75%;height:0;overflow:hidden;"><iframe src="https://www.youtube-nocookie.com/embed/kJQP7kiw5Fk?rel=0&amp;playsinline=1" title="YouTube video player" loading="lazy" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;border:0;"></iframe></div>

Preguntas frecuentes

¿Cómo insertar un Short de YouTube en formato vertical?

Pega el enlace de Shorts. La herramienta cambia automáticamente a la proporción vertical 9:16, salvo que hayas cambiado manualmente la Relación de aspecto.

¿Cómo activar la reproducción automática?

Desactiva Cargar al hacer clic (ligero) y activa Reproducción automática al cargar la página. La herramienta activa también Silenciar.

¿Qué hace el modo de privacidad mejorada?

Modo de privacidad mejorada (youtube-nocookie.com) usa ese dominio para el reproductor. Con Cargar al hacer clic (ligero), la miniatura se carga desde i.ytimg.com y el reproductor solo se carga al hacer clic; sin esa opción, el iframe del reproductor se carga sin esperar al clic.

¿Puedo insertar una lista de reproducción de YouTube?

Pega un enlace de lista de reproducción que incluya list=. Los enlaces que solo contienen una lista no admiten Cargar al hacer clic (ligero); puedes activar Bucle para añadir el parámetro de repetición.