YouTube ne propose pas nativement la fonctionnalité « Intégrer sur un site web » depuis son interface de partage d’une vidéo Short.
Toutefois, il reste possible d’intégrer ce type de courte vidéo sur n’importe quel site web à l’aide d’un « hack » rapide.
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 :
Format Short sur YouTube : Qu’est-ce que c’est ?
Le format Short sur YouTube est un type de contenu vidéo qui se caractérise par sa durée relativement courte, généralement inférieure à 60 secondes. Ce format est devenu extrêmement populaire ces dernières années en raison de sa capacité à capter l’attention des spectateurs dans un laps de temps plus court, notamment à la suite du succès de TikTok.
Les vidéos au format court sont souvent axées sur un concept précis ou une idée principale, et elles cherchent à transmettre rapidement leur message de manière concise et percutante.
Les créateurs de contenu sur YouTube utilisent souvent ce format pour attirer un large public, car les vidéos courtes sont faciles à consommer et peuvent être visionnées rapidement, même lorsqu’on est pressé. Elles peuvent aussi être partagées facilement sur les réseaux sociaux, ce qui favorise leur diffusion et leur popularité.
Voici un exemple de Short YouTube accessible depuis une URL qui lui est propre.
Avant de se quitter…
Si cet article sur l’intégration d’un Short YouTube en HTML dans n’importe quel site web vous a plu, n’hésitez pas à le partager sur les réseaux sociaux et à vous abonner à notre newsletter digitale pour recevoir nos prochains articles.
Vous pouvez également suivre nos meilleurs articles via notre flux RSS : https://www.leptidigital.fr/tag/newsletter-digitale/feed/ (il vous suffit de l’insérer dans votre lecteur de flux RSS préféré (ex : Feedly)).
Nous sommes aussi actifs sur Linkedin, Twitter, Facebook et YouTube. On s’y retrouve ?
Pour toute question associée à cet article, n’hésitez pas à utiliser la section « commentaires » pour nous faire part de votre remarque, nous vous répondrons dans les meilleurs délais (avec plaisir).
Fondateur de LEPTIDIGITAL et consultant SEO senior (à mes heures perdues), je suis un grand passionné de marketing digital et de SEO. Avant d’être indépendant à 100 %, j’ai travaillé en tant qu’SEO manager et responsable e-commerce pour différentes sociétés (Altice Media, Infopro Digital, Voyage Privé, Groupe ERAM). (Sur le plan perso, je suis un grand curieux hyperactif aussi passionné par l’IA, la photographie et les voyages !). PS : Si vous souhaitez me contactez, privilégiez LinkedIn ou Instagram. Pour me contacter : [email protected]
Merci pour ce tuto, mais sur mon site web cela n’a pas fonctionné (erreur de lecture). dommage, ça avait l’air bien pratique 🙂
Bonjour Laurence,
Quel est le CMS de votre site web ? Vous avez bien intégré le code dans une section HTML ?
Merci et bonne journée
Merci beaucoup pour cette astuce ! Cela à résolu mon problème en 5 min !!!
Ravi que ça fonctionne pour vous également 🙂
Youtube ne semble pas autoriser la manip – que ce soit sur firefox ou chrome, ça ne fonctionne pas malheureusement…
Bonjour Cédric,
De quelle manipulation parlez-vous ? Il faut remplacer l’ID associé au short dans le code de partage de YouTube depuis votre éditeur HTML et non depuis YouTube directement, sinon cela ne fonctionnera en effet pas. Bonne journée
à partir d’ici : 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/ »
vous m’avez perdue !
que voulez-vous dire par là ?
Bonjour Anna, en réalité il faut simplement copier le code HTML de partage d’une vidéo classique et remplacer « embed » par « shorts » : ex : https://www.youtube.com/embed/iMt8D-RkVdQ par https://www.youtube.com/shorts/iMt8D-RkVdQ
Ensuite il faut remplacer « iMt8D-RkVdQ » par l’ID de votre short ;). J’espère que c’est plus clair.
Après moult tentatives, il n’y a que le rectangle de la vidéo qui s’affiche mais aucune vidéo
Bonjour Déborah, quelle technique avez-vous essayée ? Il y en a deux dans cet article. Merci et bonne journée
Bonjour,
J’ai également un message d’erreur avec cette technique sur firefox comme sur chrome.
J’ai repris un iframe (strandard de youtuBe) et remplacé le lien entre guillemets par celui d’un short à la suite de à la suite de /embed/
• Quand j’essaie de lancer la vidéo sur Firefox/Chrome, j’ai : Une erreur s’est produite. Veuillez réessayer ultérieurement. (ID de lecture : JP8sVAPSJ7srg66f) En savoir plus
(ID de lecture est changeant selon page ou navigateur)
Mon site a été créé par une agence qui n’utilise pas de framework type wordpress.
Quelles solutions je peux avoir ?
Merci,
Bonjour,
Il faut vraiment juste remplacer l’ID de la fin, dans le code iframe, par celui de la vidéo Short (il faut laisser le /embed/ et l’URL ne doit pas contenir /shorts/).
Avez-vous toujours le problème ? N’hésitez pas à copier coller votre code dans le commentaire pour que je puisse voir ce qui pose problème.
Bonne journée
Super ça marche après quelques ajustements,
merci