NEWS #Digitale : envie de recevoir nos meilleurs articles ?  Inscription → 

Comment intégrer une vidéo Short YouTube sur un site web ?

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.
YouTube Shorts

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). 

5/5 - (6 votes)

13 Replies to “Comment intégrer une vidéo Short YouTube sur un site web ?”

  • Laurence a dit :

    Merci pour ce tuto, mais sur mon site web cela n’a pas fonctionné (erreur de lecture). dommage, ça avait l’air bien pratique 🙂

  • Bénédicte a dit :

    Merci beaucoup pour cette astuce ! Cela à résolu mon problème en 5 min !!!

  • Cédric a dit :

    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

  • Anna a dit :

    à 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à ?

  • Deborah a dit :

    Après moult tentatives, il n’y a que le rectangle de la vidéo qui s’affiche mais aucune vidéo

  • Nathalie a dit :

    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

  • Christophe a dit :

    Super ça marche après quelques ajustements,
    merci

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *