Vous souhaitez intégrer une vidéo YouTube publiée au format Short sur un site web mais ne savez pas comment procéder ? Vous souhaitez l’intégrer sur un site HTML, WordPress, Shopify ou n’importe quel autre CMS du marché ? Voici la démarche à suivre (pensez à bien ajuster le code donné ici pour que cela fonctionne correctement).
YouTube ne propose pas nativement la fonctionnalité « Intégrer sur un site web » depuis son interface de partage d’une vidéo Short mais voici comment contourner cela simplement :
Voici la procédure pour insérer une vidéo (Short) YouTube sur votre site web
- Rendez-vous sur l’URL du Short YouTube en question ;
- Cliquez sur le bouton de partage du Short YouTube que vous souhaitez intégrer sur votre site web afin de récupérer l’URL de partage (ou récupérez l’URL directement dans votre navigateur) ;
- Cette URL doit contenir /shorts/ et se terminer par un ID composé de chiffres et de lettres en majuscules et minuscules (exemple : /shorts/iMt8D-RkVdQ )
- La prochaine étape consiste simplement à récupérer le code d’intégration d’une vidéo classique (voir ci-dessous) et à remplacer l’ID de la vidéo d’origine par l’ID de votre Short YouTube (découvert à l’étape d’avant) à la suite de « /embed/ » :
<iframe width="100%" height="560" src="https://www.youtube.com/embed/iMt8D-RkVdQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>Une fois cette étape finalisée, il ne vous reste plus qu’à adapter les width et height en fonction de votre besoin puis d’intégrer ce code HTML dans l’éditeur HTML de votre site web.
Et voilà, votre Short YouTube est désormais intégré en HTML dans votre site web, sans l’aide d’un plugin, en moins de 2 minutes !
Voici un exemple concret d’intégration qui fonctionne avec ce principe :
Si vous souhaitez centrer votre vidéo (iframe) au centre de votre page et avoir un rendu plus « vertical / portrait » comme les Shorts, vous pouvez réutiliser le code ci-dessous et adapter simplement l’ID du Short YouTube à intégrer :
<div align="center"><iframe width="400" height="800" src="https://www.youtube.com/embed/lCaWQWORNXU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></div>
On ajoute ici une div avec align= »center » qui entoure l’iframe et on a ajusté les dimensions width et height pour que ce soit au format portrait.
Voici le rendu que cela fera :
Comment insérer un Short YouTube sur WordPress ?
Sur WordPress, vous avez deux options :
- Soit coller simplement l’URL de votre Short dans votre éditeur Gutenberg : vous aurez alors une vidéo intégrée automatiquement au format paysage sans avoir de contrôle sur ses dimensions et vous ne pourrez pas optimiser l’aspect en version mobile.
- Soit utiliser l’astuce ci-dessus avec le code indiqué en fonction du rendu souhaité (format paysage ou vertical et centré ou non).
PS : Si vous souhaitez en savoir plus sur la rémunération des Shorts YouTube, vous pouvez consulter notre article dédié.
