Generador de código de inserción de YouTube

Un video de YouTube en tu página, con el tamaño correcto

El botón «Compartir» y luego «Insertar» de YouTube te da un código iframe con un ancho fijo de 560 y un alto de 315: el video se ve pequeño en el ordenador o se sale de la pantalla del teléfono. El generador de código de inserción de YouTube de Jood te da un código adaptable que ocupa todo el ancho del sitio donde lo pongas y mantiene la proporción del video, con las opciones de reproducción que necesites.

Cómo se usa

1. Pega el enlace en la casilla «URL del video de YouTube». Sirven los enlaces normales, los cortos y los de Shorts.
2. Para empezar en un momento concreto, escribe el «Tiempo de inicio (en segundos)» y, si quieres, la «Hora de fin (en segundos, opcional)». Dos minutos y medio son 150 segundos.
3. Elige la «Relación de aspecto»: 16:9 para un video normal, 9:16 para Shorts, o 4:3 y 1:1.
4. Marca las opciones que quieras y pulsa «Empezar ahora». Aparece una vista previa del video con el código debajo; cópialo con el botón «Copiar resultado».

Qué hace cada opción

• Mostrar los controles del reproductor: marcada al principio. Si la quitas, desaparece la barra de reproducción, algo que encaja mejor con un clip corto de fondo que con un tutorial.
• Reproducción automática: los navegadores bloquean el video con sonido hasta que el visitante hace clic, así que la herramienta silencia el video con esta opción; si no, no arrancaría.
• Silenciar: el video empieza sin sonido y el visitante lo sube él mismo.
• Repetir el video: vuelve a empezar al terminar. YouTube exige para ello una lista de reproducción, así que la herramienta añade el propio video como lista de un solo elemento.
• Modo de privacidad: usa el dominio youtube-nocookie.com. Según YouTube, el video insertado no se usa para personalizar las recomendaciones del visitante y no se guardan cookies hasta que le da a reproducir. Útil si tu web pide consentimiento para las cookies.

Por qué el código funciona en cualquier web

El código coloca el iframe dentro de un bloque de ancho 100 % cuya proporción fija la propiedad CSS aspect-ratio. No necesita librerías ni hojas de estilo, así que funciona en un bloque HTML personalizado de WordPress, en Blogger o en una página escrita a mano. Un video 9:16 no pasa de 360 píxeles de ancho y queda centrado, para no ocupar toda la altura de una pantalla de ordenador. El iframe solo se carga cuando el visitante se acerca a él, de modo que no frena la primera carga de la página. Por eso un video con reproducción automática al final de la página empieza cuando el visitante llega hasta él.

Antes de publicar

• El autor puede desactivar la inserción en sus ajustes, y entonces aparece un mensaje de error en lugar del video. Revisa la vista previa antes de publicar.
• Insertar no copia el video en tu servidor: sigue en YouTube y las visualizaciones cuentan para el canal de su autor.

Para conseguir su miniatura, usa Descargar miniaturas de YouTube, y para sus cifras, Estadísticas de videos de YouTube.