Los Shorts usan el mismo mecanismo de inserción que cualquier otro vídeo de YouTube, con una diferencia clave de diseño: son verticales, y tu código insertado necesita reflejarlo.
Encontrar el ID del vídeo en un enlace de Shorts
Una URL de Shorts se ve como youtube.com/shorts/ID_DE_VIDEO, en lugar del formato habitual youtube.com/watch?v=ID_DE_VIDEO. El propio ID del vídeo funciona exactamente igual en una URL insertada en ambos casos; solo cambia el formato del enlace para compartir.
Por qué un código insertado estándar se ve mal
Si insertas un Short usando el contenedor adaptable habitual de 16:9 (padding-bottom: 56.25%), obtendrás un vídeo vertical estrecho en medio de una caja horizontal ancha, con grandes barras vacías a cada lado. Eso es un desajuste de diseño, no un fallo del vídeo en sí.
La solución: un contenedor 9:16
<div style="position:relative;width:100%;max-width:315px;padding-bottom:177.78%;height:0;overflow:hidden;margin:0 auto;">
<iframe src="https://www.youtube-nocookie.com/embed/VIDEO_ID" style="position:absolute;top:0;left:0;width:100%;height:100%;border:0;" allowfullscreen></iframe>
</div>La cifra de 177.78% es 16 dividido entre 9, el inverso de la proporción estándar, y un max-width evita que un Short insertado se estire hasta una columna anormalmente ancha en una página de escritorio.
Hacerlo sin las matemáticas
Pega un enlace de Shorts en el generador de código para insertar vídeos y detecta automáticamente la URL /shorts/, cambiando al diseño adaptable 9:16 correcto sin ningún ajuste manual.
Dónde funcionan bien los Shorts insertados
Un vídeo vertical insertado encaja de forma natural en una barra lateral, una columna de contenido estrecha o una sección dedicada de “Short destacado”, en lugar de un área principal a ancho completo pensada para vídeo panorámico.