Télécharger l'article
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.
Étapes
-
Allez à la vidéo que vous souhaitez intégrer. 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.
-
Cliquez sur le bouton Partager . 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.
-
Sélectionnez Intégrer . Il s’agit de l’icône grise avec 2 crochets (<>). C’est l’une des options sous Partager dans le menu de partage.
-
Choisissez Copier . 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>
-
Ouvrez les options HTML de votre page web. 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 .
-
Cherchez un emplacement pour votre vidéo dans le HTML. 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] X Source de recherche .
-
Faites de la place pour votre vidéo. 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>
-
Collez le code de la vidéo. 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.
-
Publiez vos modifications. 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é
-
Allez à la vidéo que vous souhaitez intégrer. Vous avez besoin d’ouvrir la vidéo sur YouTube (et non sur un autre site web) pour pouvoir l’intégrer.
-
Faites glisser le curseur là où vous souhaitez que la vidéo commence. 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.
-
Cliquez sur le bouton Partager . 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.
-
Cochez la case à côté de Démarrer à . 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.
-
Cliquez sur Intégrer . 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.
-
Cochez Activer le mode de confidentialité avancé . 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.
-
Ajoutez « &autoplay=1 » après l’URL de la vidéo. 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] X Source de recherche
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
Références
À propos de ce wikiHow
Cette page a été consultée 22 395 fois.
Publicité
Abonnez-vous à la newsletter gratuite de wikiHow !
Des tutoriels utiles dans votre boitier de réception chaque semaine.
Je m'abonne !
