Comment intégrer une vidéo YouTube

Télécharger l'article
Coécrit par l'équipe de wikiHow

Télécharger l'article

L’intégration d’une vidéo YouTube sur un blog ou un site web permet de la partager gratuitement sur Internet. Ça ne coute rien et puisque YouTube gère le trafic vidéo, vous n’avez pas à vous inquiéter de la bande passante de votre site. Vous pouvez intégrer une vidéo YouTube dans une publication de blog ou un code HTML depuis un ordinateur.

Partie 1
Partie 1 sur 2:

Intégrer une vidéo

Télécharger l'article
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/0c\/Embed-a-YouTube-Video-Step-1-Version-4.jpg\/v4-460px-Embed-a-YouTube-Video-Step-1-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0c\/Embed-a-YouTube-Video-Step-1-Version-4.jpg\/v4-728px-Embed-a-YouTube-Video-Step-1-Version-4.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":544,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Pour pouvoir intégrer une vidéo YouTube, vous avez besoin de vous trouver sur la page de YouTube. Vous ne pouvez pas visionner la vidéo sur un autre site web.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c8\/Embed-a-YouTube-Video-Step-2-Version-4.jpg\/v4-460px-Embed-a-YouTube-Video-Step-2-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c8\/Embed-a-YouTube-Video-Step-2-Version-4.jpg\/v4-728px-Embed-a-YouTube-Video-Step-2-Version-4.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":547,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Ce bouton se trouve sous la vidéo, à côté d’une petite icône en forme de flèche incurvée. Cliquez dessus pour afficher les options de partage de la vidéo.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/9f\/Embed-a-YouTube-Video-Step-3-Version-4.jpg\/v4-460px-Embed-a-YouTube-Video-Step-3-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/9f\/Embed-a-YouTube-Video-Step-3-Version-4.jpg\/v4-728px-Embed-a-YouTube-Video-Step-3-Version-4.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":544,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Il s’agit de l’icône grise avec 2 crochets (<>). C’est l’une des options sous Partager dans le menu de partage.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/21\/Embed-a-YouTube-Video-Step-4-Version-4.jpg\/v4-460px-Embed-a-YouTube-Video-Step-4-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/21\/Embed-a-YouTube-Video-Step-4-Version-4.jpg\/v4-728px-Embed-a-YouTube-Video-Step-4-Version-4.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":547,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Le bouton Copier se trouve en bas à droite de la fenêtre et permet de copier le code d’intégration dans votre presse-papier.
    • Le code ressemblera à quelque chose comme ceci : <iframe width="560" height="315" src="https://www.youtube.com/embed/Nn_Zln_4pA8" frameborder="0" allowfullscreen></iframe>
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a9\/Embed-a-YouTube-Video-Step-5-Version-2.jpg\/v4-460px-Embed-a-YouTube-Video-Step-5-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a9\/Embed-a-YouTube-Video-Step-5-Version-2.jpg\/v4-728px-Embed-a-YouTube-Video-Step-5-Version-2.jpg","smallWidth":460,"smallHeight":343,"bigWidth":728,"bigHeight":543,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Le HTML est un type de code utilisé pour concevoir des sites web. Le code d’intégration sur YouTube est conçu pour s’insérer dans le code HTML et pour afficher la vidéo sans aucune modification. La plupart des blogs permettent d’insérer une vidéo directement dans la publication sans modifier le code du site web.
    • Pour les publications de blog : commencez une nouvelle publication. Dans la barre d’outils au-dessus, cliquez sur HTML . Cela affichera le code de votre publication sans toucher au code de votre site web.
    • Pour un site web : localisez les fichiers HTML pour votre site web. Vous pouvez les modifier à l’aide d’un éditeur de texte comme le bloc-notes ou TextEdit sur Mac. Vous pouvez également les modifier avec un éditeur HTML comme Adobe Dreamweaver. Quand vous aurez fini de modifier les fichiers HTML, vous aurez besoin de téléverser manuellement les fichiers sur votre serveur ou d’ utiliser un FTP .
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/08\/Embed-a-YouTube-Video-Step-6-Version-2.jpg\/v4-460px-Embed-a-YouTube-Video-Step-6-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/08\/Embed-a-YouTube-Video-Step-6-Version-2.jpg\/v4-728px-Embed-a-YouTube-Video-Step-6-Version-2.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":550,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Puisque tous les mots que vous taperez s’afficheront dans le HTML, vous pouvez utiliser le texte pour déterminer le futur emplacement de votre vidéo. Par exemple, si je rédige une publication qui dit « Jetez un œil à ma nouvelle vidéo », ces mots apparaitront exactement comme tels quelque part dans le code HTML.
    • Le codage de sites web entiers avec du HTML est très difficile et nécessite beaucoup de code. Trouver l’emplacement exact de votre vidéo peut prendre un peu de temps. Heureusement, aucune modification n’est permanente et vous pourrez toujours déplacer la vidéo plus tard si elle n’est pas où vous le souhaitez  [1] .
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/51\/Embed-a-YouTube-Video-Step-7-Version-2.jpg\/v4-460px-Embed-a-YouTube-Video-Step-7-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/51\/Embed-a-YouTube-Video-Step-7-Version-2.jpg\/v4-728px-Embed-a-YouTube-Video-Step-7-Version-2.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":547,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Une fois que vous aurez trouvé l’emplacement de la vidéo, placez le curseur de votre souris entre les codes alentour et appuyez sur la barre d’espace. Presque tous les codes commencent par « < » et finissent par « > ». Assurez-vous de placer votre code d’intégration à l’extérieur d’une ligne de code préexistante.
    • Pour un exemple de blog sur Wordpress : Jetez un œil à<b>ma vidéo ici:</b>_____<!--plus--> s’affichera en « Jetez un œil à ma vidéo ici : (VIDÉO INTÉGRÉE) Cliquez pour plus d’informations. »
    • Vous pouvez créer un saut de ligne après un paragraphe ou un texte dans le HTML en tapant <br>
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/84\/Embed-a-YouTube-Video-Step-8-Version-2.jpg\/v4-460px-Embed-a-YouTube-Video-Step-8-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/84\/Embed-a-YouTube-Video-Step-8-Version-2.jpg\/v4-728px-Embed-a-YouTube-Video-Step-8-Version-2.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":545,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Pour coller le code de la vidéo à l’emplacement désiré, vous pouvez soit faire un clic droit et sélectionner Coller , soit appuyer sur Ctrl + V ou Commande + V sur Mac.
  9. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/06\/Embed-a-YouTube-Video-Step-9-Version-2.jpg\/v4-460px-Embed-a-YouTube-Video-Step-9-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/06\/Embed-a-YouTube-Video-Step-9-Version-2.jpg\/v4-728px-Embed-a-YouTube-Video-Step-9-Version-2.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":544,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Cliquez sur Enregistrer les modifications , Publier ou Mettre en ligne , ou quelque chose comme ça pour enregistrer votre publication avec le code intégré. Passez en revue votre publication et assurez-vous que la vidéo se trouve là où elle devrait l’être.
    • Sinon, vous pouvez intégrer une vidéo sur un média social en utilisant la fonction Partager . Si vous souhaitez simplement publier la vidéo sur Facebook, Twitter, Pinterest ou Tumblr, vous pouvez cliquer sur l’icône appropriée dans la fenêtre de partage sous la vidéo. YouTube vous invitera à vous connecter à votre compte de média social et intègrera automatiquement la vidéo pour vous.
    Publicité
Partie 2
Partie 2 sur 2:

Personnaliser la vidéo intégrée

Télécharger l'article
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c6\/Embed-a-YouTube-Video-Step-10-Version-2.jpg\/v4-460px-Embed-a-YouTube-Video-Step-10-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c6\/Embed-a-YouTube-Video-Step-10-Version-2.jpg\/v4-728px-Embed-a-YouTube-Video-Step-10-Version-2.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":544,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Vous avez besoin d’ouvrir la vidéo sur YouTube (et non sur un autre site web) pour pouvoir l’intégrer.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f0\/Embed-a-YouTube-Video-Step-11-Version-3.jpg\/v4-460px-Embed-a-YouTube-Video-Step-11-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f0\/Embed-a-YouTube-Video-Step-11-Version-3.jpg\/v4-728px-Embed-a-YouTube-Video-Step-11-Version-3.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":547,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Cette étape est facultative. Si vous voulez que la vidéo commence à un instant spécifique une fois intégrée, faites glisser le point rouge sur la barre de progression jusqu’au moment exact où vous souhaitez que la vidéo se lance.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/ab\/Embed-a-YouTube-Video-Step-12-Version-3.jpg\/v4-460px-Embed-a-YouTube-Video-Step-12-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/ab\/Embed-a-YouTube-Video-Step-12-Version-3.jpg\/v4-728px-Embed-a-YouTube-Video-Step-12-Version-3.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":547,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Ce bouton se trouve sous la vidéo, à côté d’une petite icône qui ressemble à une flèche incurvée. Il permet d’afficher les options de partage.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/66\/Embed-a-YouTube-Video-Step-13-Version-2.jpg\/v4-460px-Embed-a-YouTube-Video-Step-13-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/66\/Embed-a-YouTube-Video-Step-13-Version-2.jpg\/v4-728px-Embed-a-YouTube-Video-Step-13-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Cette étape est facultative. Vous pouvez cocher cette option en bas du menu de partage ou sous le champ de texte qui contient le code d’intégration de la vidéo. Cela ajoute du code qui lance la vidéo à un moment spécifique.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/20\/Embed-a-YouTube-Video-Step-14.jpg\/v4-460px-Embed-a-YouTube-Video-Step-14.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/20\/Embed-a-YouTube-Video-Step-14.jpg\/v4-728px-Embed-a-YouTube-Video-Step-14.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":545,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    L’icône de ce bouton est grise avec 2 crochets (<>). C’est l’une des options sous l’option Partager dans le menu de partage.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e6\/Embed-a-YouTube-Video-Step-15.jpg\/v4-460px-Embed-a-YouTube-Video-Step-15.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e6\/Embed-a-YouTube-Video-Step-15.jpg\/v4-728px-Embed-a-YouTube-Video-Step-15.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":547,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Cette case se trouve sous le champ qui contient le code d’intégration à droite de la vidéo. Cochez-la pour empêcher YouTube de collecter des données d’utilisateurs de votre site web sauf si un internaute clique sur la vidéo.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/8f\/Embed-a-YouTube-Video-Step-16.jpg\/v4-460px-Embed-a-YouTube-Video-Step-16.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/8f\/Embed-a-YouTube-Video-Step-16.jpg\/v4-728px-Embed-a-YouTube-Video-Step-16.jpg","smallWidth":460,"smallHeight":347,"bigWidth":728,"bigHeight":549,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Cela lancera automatiquement la vidéo sur votre page. L’URL est l’adresse web de la vidéo qui apparait dans la barre d’adresse de votre navigateur web quand vous affichez une vidéo YouTube sur le site web de YouTube. L’URL peut apparaitre plusieurs fois dans le code d’intégration.
    • Par exemple : <object height="350" width="425"><param name="movie" value="https://www.youtube.com/v/OdT9z-JjtJk&autoplay=1" /><embed height="350" src="https://www.youtube.com/v/OdT9z-JjtJk&autoplay=1" type="application/x-shockwave-flash" width="425"></embed></object> [2]
    Publicité

Conseils

  • Certaines vidéos ne peuvent être intégrées.
  • Assurez-vous de copier tout le code.
Publicité

Avertissements

  • Utiliser la musique ou les vidéos de tierces personnes pour en tirer profit est illégal sans l’accord préalable de leurs créateurs.
Publicité

Éléments nécessaires

  • Un ordinateur connecté à Internet
  • Un accès à la version HTML ou à l’éditeur de page d’un site web

wikiHows en relation

Comment
télécharger des vidéos de YouTube
Comment désactiver ou enlever les shorts de YouTube ?
Comment
partager le lien d'une vidéo YouTube à un temps précis
7 méthodes pour bloquer les publicités sur YouTube
Comment télécharger une partie d'une vidéo de YouTube en HD ?
4 façons de bloquer YouTube sur un ordinateur, téléphone ou tablette
Comment
télécharger les sous‐titres d'une vidéo de YouTube
Comment
regarder des vidéos YouTube en mode hors ligne
Comment
copier l'URL d'une vidéo de YouTube sous Android
Comment
se déconnecter de YouTube
Comment
trouver des vidéos YouTube non répertoriées sans avoir le lien
Comment
utiliser YouTube sans un compte Gmail
Comment
éviter les restrictions d'âge sur les vidéos YouTube
Comment
enregistrer de la musique à partir d'un site Internet
Publicité

Références

  1. ↑ http://www.htmlgoodies.com/tutorials/web_graphics/article.php/3480061/How-To-Add-a-YouTube-Video-to-Your-Web-Site.htm
  2. ↑ https://support.google.com/youtube/answer/171780?expand=PrivacyEnhancedMode#privacy

À propos de ce wikiHow

Autres langues 
Cette page a été consultée 20 842 fois.

Cet article vous a-t-il été utile ?

Publicité