Gli Shorts usano lo stesso meccanismo di embed di qualsiasi altro video YouTube, con una differenza chiave di layout: sono verticali, e il tuo embed deve rifletterlo.
Trovare l’ID video in un link Shorts
Un URL di uno Short ha la forma youtube.com/shorts/ID_VIDEO, invece del solito formato youtube.com/watch?v=ID_VIDEO. L’ID del video funziona esattamente allo stesso modo in un URL di embed in entrambi i casi; cambia solo il formato del link di condivisione.
Perché un embed standard appare sbagliato
Se incorpori uno Short usando il consueto wrapper responsive 16:9 (padding-bottom: 56.25%), otterrai un video verticale stretto al centro di un riquadro largo e orizzontale, con ampie barre vuote ai lati. Si tratta di un disallineamento di layout, non di un difetto del video in se.
La soluzione: un wrapper 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>Il valore 177,78% corrisponde a 16 diviso 9, l’inverso del rapporto standard, e un max-width impedisce a uno Short incorporato di allungarsi in una colonna innaturalmente larga su una pagina desktop.
Farlo senza fare i calcoli
Incolla un link di uno Short nel generatore di codice embed ed esso rileva automaticamente l’URL /shorts/, passando al layout responsive 9:16 corretto senza alcuna regolazione manuale.
Dove funzionano bene gli embed di Shorts
Un embed verticale si inserisce naturalmente in una barra laterale, in una colonna di contenuto stretta, o in una sezione dedicata “Short in evidenza”, piuttosto che in un’area hero a larghezza intera pensata per il video widescreen.