Les Shorts utilisent le même mécanisme d’intégration que n’importe quelle autre vidéo YouTube, avec une différence de mise en page essentielle : elles sont verticales, et votre intégration doit en tenir compte.
Trouver l’identifiant de la vidéo dans un lien Shorts
Une URL de Short ressemble à youtube.com/shorts/VIDEO_ID, plutôt qu’au format habituel youtube.com/watch?v=VIDEO_ID. L’identifiant de la vidéo fonctionne exactement de la même façon dans une URL d’intégration dans les deux cas ; seul le format du lien de partage diffère.
Pourquoi une intégration standard paraît incorrecte
Si vous intégrez un Short en utilisant le conteneur adaptatif habituel en 16:9 (padding-bottom: 56.25%), vous obtiendrez une vidéo verticale étroite au centre d’une boîte horizontale large, avec de grandes bandes vides de chaque côté. Il s’agit d’un problème de mise en page, pas d’un bug de la vidéo elle-même.
La solution : un conteneur en 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>Le chiffre de 177,78 % correspond à 16 divisé par 9, l’inverse du ratio standard, et un max-width empêche un Short intégré de s’étirer sur une colonne anormalement large sur une page ordinateur.
Le faire sans les calculs
Collez un lien Shorts dans le générateur de code d’intégration et il détecte automatiquement l’URL /shorts/, en passant à la mise en page adaptative 9:16 correcte sans aucun ajustement manuel.
Où les intégrations de Shorts fonctionnent bien
Une intégration verticale s’insère naturellement dans une barre latérale, une colonne de contenu étroite, ou une section dédiée « Short en vedette », plutôt que dans une zone héro pleine largeur conçue pour la vidéo au format large.