{"id":62549,"date":"2021-10-29T17:23:32","date_gmt":"2021-10-29T17:23:32","guid":{"rendered":"https:\/\/blogging-techies.com\/fr\/comment-integrer-une-video-youtube-en-html\/"},"modified":"2021-10-29T17:23:32","modified_gmt":"2021-10-29T17:23:32","slug":"comment-integrer-une-video-youtube-en-html","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/fr\/comment-integrer-une-video-youtube-en-html\/","title":{"rendered":"Comment int\u00e9grer une vid\u00e9o YouTube en HTML ?"},"content":{"rendered":"

Avoir un contenu vid\u00e9o pertinent sur votre site Web peut \u00eatre une caract\u00e9ristique attrayante. Peut-\u00eatre que vous donnez des instructions sur un sujet, mais vous sentez qu’il sera mieux compris s’il est \u00e9galement diffus\u00e9 en vid\u00e9o, ou si vous avez un site Web d’entreprise o\u00f9 vous souhaitez montrer une vid\u00e9o de votre entreprise sur YouTube. Les possibilit\u00e9s sont infinies quant aux raisons pour lesquelles vous souhaitez lire une vid\u00e9o sur votre blog ou votre site Web, mais la conversion de vid\u00e9os en diff\u00e9rents formats pour les lire sur votre site Web peut prendre du temps et \u00eatre compliqu\u00e9e. Le moyen le plus simple d’ajouter une vid\u00e9o HTML est de laisser YouTube lire les vid\u00e9os sur votre page Web en incorporant la vid\u00e9o. Voici un guide \u00e9tape par \u00e9tape sur la fa\u00e7on d’int\u00e9grer une vid\u00e9o YouTube en HTML.<\/p>\n

<\/figure>\n

<\/span>Comment ins\u00e9rer une vid\u00e9o en HTML \u00e0 l’aide du code d’int\u00e9gration\u00a0?<\/span><\/h2>\n

Suivez ces \u00e9tapes pour int\u00e9grer des vid\u00e9os sur votre page Web\u00a0:<\/p>\n

    \n
  1. Ouvrez la page YouTube et recherchez la vid\u00e9o que vous souhaitez int\u00e9grer.<\/li>\n
  2. Cliquez sur le bouton “Partager” situ\u00e9 sous la vid\u00e9o pour ouvrir les options de partage.<\/li>\n
  3. Cliquez ensuite sur l’option “Int\u00e9grer”, qui appara\u00eetra sous “Partager un lien”. Cela ouvrira un \u00e9cran avec le code d’int\u00e9gration de la vid\u00e9o YouTube, \u00e9galement appel\u00e9 code iframe.<\/li>\n
  4. Ici, vous pouvez ajuster les dimensions de la vid\u00e9o en d\u00e9finissant la largeur et la hauteur.<\/li>\n
  5. YouTube vous permet \u00e9galement de personnaliser votre vid\u00e9o en vous donnant la possibilit\u00e9 de la d\u00e9marrer \u00e0 partir du point que vous souhaitez. \u00c9crivez l’heure de d\u00e9but souhait\u00e9e \u00e0 c\u00f4t\u00e9 de l’espace dans l’option \u00ab\u00a0D\u00e9marrer \u00e0\u00a0\u00bb et cochez la case.<\/li>\n
  6. Pendant que vous \u00eates ici, vous pouvez ajouter tous les autres param\u00e8tres que vous souhaitez \u00e0 l’URL. (Les d\u00e9tails sont dans “Comment utiliser les param\u00e8tres”) <\/li>\n
  7. Cliquez sur “Copier” pour copier le code d’int\u00e9gration YouTube dans votre presse-papiers.<\/li>\n
  8. Ouvrez les options HTML de votre page Web. Les sites Web sont construits avec des codes HTML et le code d’int\u00e9gration YouTube est con\u00e7u pour s’adapter \u00e0 ce code afin que la vid\u00e9o s’affiche sans modifications. <\/li>\n
  9. Trouvez o\u00f9 vous voulez placer votre vid\u00e9o sur la page HTML. Tout ce que vous avez affich\u00e9 sur la page est \u00e9galement \u00e9crit en code. Ainsi, par exemple, si vous souhaitez que votre vid\u00e9o soit sous le titre \u00ab\u00a0Comment int\u00e9grer le didacticiel\u00a0\u00bb, votre code ressemblera \u00e0 ceci\u00a0:<\/li>\n<\/ol>\n

    Comment ins\u00e9rer un tutoriel<\/p>\n

    https:\/\/www.youtube.com\/watch?v=6zbsUtQL4nY “frameborder =” 0 \u2033 allow = “acc\u00e9l\u00e9rom\u00e8tre\u00a0; autoreproduction; presse-papiers d’\u00e9criture; m\u00e9dias crypt\u00e9s; gyroscope; image dans l’image “allowfullscreen><\/iframe><\/p>\n

    <\/body><\/p>\n

    <\/html><\/p>\n

      \n
    1. Collez le code vid\u00e9o o\u00f9 vous voulez qu’il soit.<\/li>\n
    2. Enregistrez les modifications. V\u00e9rifiez si la vid\u00e9o est au bon endroit sur le site Web.<\/li>\n<\/ol>\n
      <\/figure>\n

      <\/span>Comment utiliser les param\u00e8tres ?<\/span><\/h2>\n

      YouTube propose quelques options pour personnaliser l’exp\u00e9rience de lecture vid\u00e9o. Vous pouvez toujours ajouter quelques fonctionnalit\u00e9s suppl\u00e9mentaires si vous jouez un peu avec le code d’int\u00e9gration en ajoutant des param\u00e8tres suppl\u00e9mentaires. Voici quelques param\u00e8tres utiles que vous pouvez utiliser.<\/p>\n

      <\/span>1. Param\u00e8tre de contr\u00f4le YouTube<\/span><\/h3>\n

      En utilisant le param\u00e8tre de commandes de YouTube, vous pouvez masquer les commandes au bas de la vid\u00e9o ou les laisser rester.<\/p>\n

      ‘controls = 0’ signifie que les commandes du lecteur ne sont pas affich\u00e9es<\/p>\n

      ‘controls = 1’ signifie que les commandes du lecteur sont affich\u00e9es<\/p>\n

      <\/span>2. Param\u00e8tre de marque modeste<\/span><\/h3>\n

      Le param\u00e8tre modestbranding est responsable de l’affichage de tout type de branding. Dans ce cas, vous pouvez masquer le bouton de lecture et le logo de marque pr\u00e9sents sur les vid\u00e9os Youtube. Ajoutez \u00ab\u00a0modestbranding = 1\u00a0\u00bb au code iframe pour supprimer la marque.<\/p>\n

      <\/span>3. Param\u00e8tre de boucle<\/span><\/h3>\n

      Si vous voulez boucler votre vid\u00e9o pour toujours, vous devez utiliser le param\u00e8tre loop. ‘loop = 1’ signifie que la vid\u00e9o sera en boucle, tandis que ‘loop = 0’ signifie que la vid\u00e9o ne sera lue qu’une seule fois, ce qui est \u00e9galement le mode par d\u00e9faut.<\/p>\n

      <\/span>4. Param\u00e8tre de lecture automatique de la vid\u00e9o YouTube<\/span><\/h3>\n

      Vous pouvez faire en sorte qu’une vid\u00e9o int\u00e9gr\u00e9e d\u00e9marre automatiquement sur votre page Web \u00e0 l’aide du param\u00e8tre de lecture automatique. L’ajout de \u00ab\u00a0autoplay = 1\u00a0\u00bb au code d’int\u00e9gration fera que la vid\u00e9o sera lue automatiquement. <\/p>\n

      <\/span>5. Param\u00e8tre de silence<\/span><\/h3>\n

      Si vous utilisez le param\u00e8tre de lecture automatique ou de boucle, vous pouvez \u00e9galement envisager d’ajouter le param\u00e8tre de sourdine, car une vid\u00e9o qui d\u00e9marre automatiquement ou ne se termine jamais peut ennuyer votre visiteur et l’amener \u00e0 quitter votre site Web pr\u00e9matur\u00e9ment. ‘mute = 1’ signifie que la vid\u00e9o sera lue en silence. <\/p>\n

      REMARQUE: <\/strong>Pour utiliser l’un des param\u00e8tres, ajoutez ceux que vous souhaitez au code d’int\u00e9gration vid\u00e9o, juste apr\u00e8s l’identifiant de la vid\u00e9o \u00e0 l’aide de ‘&’. (par exemple https:\/\/www.youtube.com\/watch?v=5cWa4tbSmp& modestbranding = 1 & loop = 1 \u201d <\/p>\n

      <\/figure>\n

      <\/span>FAQ sur la fa\u00e7on d’int\u00e9grer une vid\u00e9o YouTube en HTML<\/span><\/h2>\n

      Comment faire en sorte qu’une vid\u00e9o int\u00e9gr\u00e9e soit lue automatiquement\u00a0?<\/strong><\/strong><\/p>\n

      Vous pouvez faire une lecture vid\u00e9o int\u00e9gr\u00e9e automatiquement en ajoutant & ‘autoplay = 1 \u2032 au code d’int\u00e9gration des vid\u00e9os apr\u00e8s l’identification de la vid\u00e9o.<\/p>\n

      Comment puis-je d\u00e9marrer une vid\u00e9o int\u00e9gr\u00e9e \u00e0 un certain moment\u00a0?<\/strong><\/strong><\/p>\n

      Si vous souhaitez d\u00e9marrer votre vid\u00e9o \u00e0 une certaine heure, ajoutez simplement l’heure \u00e0 laquelle vous souhaitez qu’elle d\u00e9marre \u00e0 c\u00f4t\u00e9 de la case “D\u00e9marrer \u00e0” qui appara\u00eetra lorsque vous ouvrez le code d’int\u00e9gration sur YouTube ou ajoutez ‘? Start = (time)’ au code d’int\u00e9gration de la vid\u00e9o.<\/p>\n

      Comment puis-je cr\u00e9er une boucle vid\u00e9o int\u00e9gr\u00e9e mais en sourdine\u00a0?<\/strong><\/strong><\/p>\n

      Pour cr\u00e9er une boucle vid\u00e9o int\u00e9gr\u00e9e et jouer en mode silencieux, ajoutez ‘& loop = 1 & mute = 1 \u2033 au code d’int\u00e9gration YouTube.<\/p>\n

      Comment d\u00e9sactiver l’insertion de ma vid\u00e9o ?<\/strong><\/strong><\/p>\n

      Si vous ne souhaitez pas que votre vid\u00e9o soit potentiellement int\u00e9gr\u00e9e sur des sites externes, vous pouvez d\u00e9sactiver l’int\u00e9gration. Connectez-vous \u00e0 YouTube Studio, s\u00e9lectionnez “Vid\u00e9os” dans le menu de gauche, puis s\u00e9lectionnez les d\u00e9tails de la vid\u00e9o que vous souhaitez g\u00e9rer. Allez dans “Plus d’options” et d\u00e9cochez la case “Autoriser l’int\u00e9gration”. Enregistrez les modifications que vous avez apport\u00e9es. <\/p>\n

      Qu’est-ce que le mode de confidentialit\u00e9 am\u00e9lior\u00e9\u00a0?<\/strong><\/strong><\/p>\n

      Le mode de confidentialit\u00e9 am\u00e9lior\u00e9 vous permet d’int\u00e9grer des vid\u00e9os sans utiliser de cookies pour surveiller le comportement de visualisation. Si vous ne souhaitez pas que YouTube collecte des informations aupr\u00e8s des visiteurs de votre site Web, veuillez activer le mode de confidentialit\u00e9 am\u00e9lior\u00e9 en cochant la case situ\u00e9e sous le lien d’int\u00e9gration de la vid\u00e9o YouTube.<\/p>\n

      <\/span>Conclusion sur la fa\u00e7on d’int\u00e9grer une vid\u00e9o YouTube en HTML<\/span><\/h2>\n

      Dans cet article, nous expliquons pourquoi l’utilisation d’une vid\u00e9o YouTube sur votre site Web ou votre article de blog peut \u00eatre b\u00e9n\u00e9fique et expliquons comment int\u00e9grer une vid\u00e9o YouTube avec le code d’int\u00e9gration fourni par YouTube en HTML. De plus, nous d\u00e9taillons l’utilisation des param\u00e8tres, leurs fonctions et comment l’ajout de param\u00e8tres peut personnaliser l’exp\u00e9rience de lecture vid\u00e9o sur votre site Web en fonction de vos besoins. <\/p>\n

      Si vous avez aim\u00e9 cette vid\u00e9o sur la fa\u00e7on d’int\u00e9grer une vid\u00e9o YouTube en HTML, vous pouvez \u00e9galement \u00eatre int\u00e9ress\u00e9 par nos autres articles sur YouTube tels que comment cr\u00e9er un GIF \u00e0 partir d’une vid\u00e9o YouTube.<\/p>\n

      <\/figure>\n
      \n
      \n

      Table of Contents<\/p>\nToggle<\/span><\/path><\/svg><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n