Comment intégrer une vidéo YouTube (avec des images)

2024 Auteur: Gilbert Ryder | [email protected]. Dernière modifié: 2024-01-15 08:22

L'intégration d'une vidéo YouTube dans un blog ou un site Web vous permet de partager librement des vidéos sur Internet. Il n'y a aucun coût, et puisque YouTube gère le trafic vidéo, vous n'avez pas à vous soucier de la gestion de la bande passante de votre site. Ce wikiHow vous apprend à intégrer une vidéo ou une liste de lecture YouTube dans votre article de blog ou votre code HTML lorsque vous utilisez un ordinateur.

Pas

Méthode 1 sur 2: Intégration d'une vidéo

Étape 1. Accédez à https://www.youtube.com sur un ordinateur

Vous devrez utiliser YouTube sur un ordinateur pour obtenir le code d'intégration de votre vidéo.

Étape 2. Accédez à la vidéo que vous souhaitez intégrer

Recherchez la vidéo, puis cliquez sur son nom dans les résultats de la recherche.

Étape 3. Décidez où vous voulez que la vidéo intégrée commence

Si vous souhaitez que la vidéo commence à jouer depuis le début sur votre site Web, vous pouvez passer à l'étape suivante, car il s'agit de l'option par défaut. Mais si vous voulez que la vidéo commence à jouer à un certain moment, faites glisser le point rouge (la tête de lecture) à l'endroit souhaité dans la vidéo et cliquez sur Pause (si la vidéo n'est pas déjà en pause). Ou, cliquez simplement sur le bouton Lecture, puis sélectionnez Pause une fois que vous avez atteint le bon point dans la vidéo.

Étape 4. Cliquez sur le bouton Partager

C'est sous le coin inférieur droit de la vidéo. Le bouton a une flèche incurvée dessus. Les options de partage de la vidéo se développeront.

Étape 5. Cliquez sur Intégrer

C'est la première icône sous "Partager un lien" et contient deux crochets angulaires. Cela affiche le code d'intégration de la vidéo.

Étape 6. Choisissez vos options d'intégration

• La vidéo commencera à jouer depuis le début par défaut. Si vous avez choisi un autre point de départ, cochez la case à côté de « Commencer à ». L'heure correcte apparaîtra dans la case correspondante.
• Pour afficher les commandes du lecteur (telles que la possibilité de mettre en pause ou d'avancer) sur la vidéo intégrée, cochez la case à côté de "Afficher les commandes du lecteur".
• Cochez la case "Activer le mode de confidentialité renforcée" si vous souhaitez empêcher YouTube de suivre les visiteurs de votre site Web qui ne cliquent pas sur la vidéo.

Étape 7. Cliquez sur le lien COPIER

C'est dans le coin inférieur droit de la fenêtre. Cela copie le code d'intégration dans votre presse-papiers.

• Le code ressemblera à quelque chose comme ceci:

  

Étape 8. Ouvrez l'éditeur HTML de votre page Web

HTML est un type de code utilisé pour créer des sites Web, et le code d'intégration sur YouTube est conçu pour s'insérer dans le code et afficher la vidéo sans aucune modification. De nombreux sites Web de blogs vous permettent également d'insérer la vidéo directement dans la publication sans modifier le code de votre site Web.

• Articles de blog:

  Commencer un nouveau message. Dans la barre d'outils au-dessus de la publication, cliquez sur le lien "HTML" (ou similaire). Cela affichera le code de votre message mais conservera le code de votre site Web intact.

• Site Internet:

  Recherchez les fichiers HTML de votre site Web. Vous pouvez les modifier à l'aide d'un éditeur de texte tel que NotePad ou TextEdit sur Mac. Vous pouvez également les modifier à l'aide d'un éditeur HTML tel qu'Adobe Dreamweaver. Lorsque vous avez terminé de modifier les fichiers HTML, vous devrez télécharger les fichiers sur votre serveur manuellement ou via FTP.

Étape 9. Trouvez où vous voulez votre vidéo dans le code HTML

Étant donné que tous les mots que vous avez saisis seront affichés dans le code HTML, vous pouvez utiliser le texte pour déterminer où ira votre vidéo dans la page. Par exemple, si j'écris un article qui dit « Regarde ma nouvelle vidéo: » ces mots exacts apparaîtront quelque part dans le code HTML.

Étape 10. Faites de la place pour votre vidéo

Une fois que vous avez trouvé où vous voulez la vidéo, cliquez entre le code environnant et appuyez sur la barre d'espace. Presque tout le code commence par un "". Assurez-vous de mettre votre code d'intégration en dehors d'une ligne de code préexistante.

• Exemple de blog WordPress: consultez ma vidéo ici:

  se lirait comme Découvrez ma vidéo ici:

  (VIDÉO INTÉGRÉE)

• Vous pouvez créer un saut de ligne après un paragraphe ou un texte en HTML en tapant

  

  Étape 11. Collez le code vidéo à l'endroit où vous souhaitez que la vidéo aille

  Vous pouvez soit cliquer avec le bouton droit et choisir Pâte ou appuyez sur Contrôle + V (PC) ou Commande + V (Mac) pour coller le code d'intégration.

  

  Étape 12. Publiez vos modifications

  Cliquez sur Sauvegarder les modifications, Publier, ou Poster ou quelque chose de similaire pour enregistrer votre message avec le code intégré. Lisez votre message et assurez-vous que la vidéo est là où vous voulez qu'elle soit.

  Vous pouvez également intégrer des vidéos sur les réseaux sociaux avec la fonction "Partager". Si vous souhaitez uniquement publier la vidéo sur Facebook, Twitter, Pinterest ou Tumblr, vous pouvez simplement cliquer sur l'icône appropriée dans la fenêtre "Partager" sous la vidéo. YouTube vous demandera de vous connecter à votre compte de réseau social et d'intégrer automatiquement la vidéo pour vous

  Méthode 2 sur 2: Intégration d'une liste de lecture

  

  Étape 1. Accédez à https://www.youtube.com sur un ordinateur

  Vous devrez utiliser YouTube sur un ordinateur pour obtenir le code d'intégration de votre playlist.

  

  Étape 2. Cliquez sur le lien Bibliothèque

  C'est dans le panneau de gauche.

  

  Étape 3. Cliquez sur AFFICHER LA LISTE DE LECTURE COMPLÈTE sous la liste de lecture que vous souhaitez intégrer

  Vos playlists se trouvent dans la section "Playlists". Si vous ne voyez pas celui que vous recherchez sur la page principale, cliquez sur VOIR TOUT dans cette section pour ouvrir la liste complète.

  

  Étape 4. Ouvrez un éditeur de texte

  Cela peut être quelque chose comme Notepad pour Windows ou TextEdit pour macOS.

  

  Étape 5. Collez le modèle de code d'intégration dans l'éditeur de texte

  Le code est

  

  Pour copier ce texte, utilisez le curseur de votre souris pour mettre en surbrillance le texte que vous souhaitez copier, puis appuyez sur Contrôle + C (PC) ou Commande + C (Mac) à copier. Ensuite, faites un clic droit (ou Contrôler + clic) dans la fenêtre de l'éditeur de texte et sélectionnez Pâte pour le coller.

  

  Étape 6. Copiez l'ID de la liste de lecture à partir de la barre d'adresse de votre navigateur

  Dans la barre d'adresse en haut de votre navigateur, vous verrez une URL qui ressemble à celle-ci: youtube.com/playlist?list=PLrxlAuU-npiXC2clkanh8TKoKfxzym6p9. Vous aurez juste besoin de copier la partie qui vient après le signe égal, qui, dans ce cas, est PLrxlAuU-npiXC2clkanh8TKoKfxzym6p9.

  Pour copier ce texte, utilisez le curseur de votre souris pour mettre en surbrillance le texte que vous souhaitez copier, puis appuyez sur Contrôle + C (PC) ou Commande + C (Mac) à copier.

  

  Étape 7. Collez l'ID de la liste de lecture dans le code d'intégration

  L'ID de la liste de lecture doit être collé après list= à la fin de l'URL dans le code d'intégration. Après avoir collé l'ID de la liste de lecture, le code ressemblera à ceci:

  

  Pour cela, cliquez à droite de la souris entre list= et le guillemet ". Ensuite, appuyez sur Contrôle + V (PC) ou Commande + V (Mac) pour le coller. Si des espaces superflus apparaissent, supprimez-les.

  

  Étape 8. Copiez le code d'intégration dans le presse-papiers

  Pour ce faire, mettez tout en surbrillance dans la fenêtre de l'éditeur de texte à l'aide de votre souris et appuyez sur Contrôle + C (PC) ou Commande + C (Mac).

  

  Étape 9. Ouvrez l'éditeur HTML de votre page Web

  De nombreux sites Web de blogs vous permettent également d'insérer la vidéo directement dans la publication sans modifier le code de votre site Web.

  • Articles de blog:

    Commencer un nouveau message. Dans la barre d'outils au-dessus de la publication, cliquez sur le lien "HTML" (ou similaire). Cela affichera le code de votre message mais conservera le code de votre site Web intact.

  • Site Internet:

    Recherchez les fichiers HTML de votre site Web. Vous pouvez les modifier à l'aide d'un éditeur de texte tel que Notepad ou TextEdit sur Mac, ou dans un éditeur HTML comme Dreamweaver. Lorsque vous avez terminé de modifier les fichiers HTML, vous devrez télécharger les fichiers sur votre serveur manuellement ou via FTP.

  

  Étape 10. Faites de la place pour les vidéos

  Une fois que vous avez trouvé où vous voulez la vidéo, cliquez entre le code environnant et appuyez sur la barre d'espace. Presque tout le code commence par un "". Assurez-vous de mettre votre code d'intégration en dehors d'une ligne de code préexistante.

  • Exemple de blog WordPress: consultez ma playlist ici:

    se lirait comme Découvrez ma playlist ici:

    (VIDÉO INTÉGRÉE)

  • Vous pouvez créer un saut de ligne après un paragraphe ou un texte en HTML en tapant

    

    Étape 11. Collez le code d'intégration à l'endroit où la liste de lecture doit apparaître

    Vous pouvez soit cliquer avec le bouton droit et choisir Pâte ou appuyez sur Contrôle + V (PC) ou Commande + V (Mac) pour coller le code d'intégration.

    

    Étape 12. Enregistrez et publiez vos modifications

    Cliquez sur Sauvegarder les modifications, Publier, ou Poster ou quelque chose de similaire pour enregistrer votre message avec le code intégré. Lisez votre message et assurez-vous que la liste de lecture est là où vous voulez qu'elle soit.

    Vidéo - En utilisant ce service, certaines informations peuvent être partagées avec YouTube

    

    Des astuces

    • Assurez-vous de copier tout le code.
    • Certaines vidéos ne permettent pas l'intégration.