Insérer une vidéo dans vos articles

Ce tutoriel va vous montrer comment insérer une vidéo à partir de Youtube, de Dailymotion et de Vimeo : prenons comme exemple cet article intitulé « Nu metal, optique d’Hubble et torture psychologique« .

Je désire ajouter une vidéo dans mon papier, voici comment faire.

Insérer une vidéo à partir de Youtube 

Je me rends sur le site de Youtube, et je recherche la vidéo en question.

Ici, c’est la première vidéo qui m’intéresse. Je vais donc cliquer dessus pour obtenir son lien.

Sur la page de ma vidéo, je vais cliquer deux fois sur le lien avec ma souris, en haut de ma page (1). Puis, je re-clique dessus, cette fois avec le clic droit, et je sélectionne l’option « Copier ». Je retourne ensuite sur la page de mon article.

Pour insérer ma vidéo, il va me suffire de cliquer dans le corps de mon article à l’endroit où je veux placer mes images, et de « coller » le lien Youtube, qui apparaît ainsi dans mon texte (2) :

Attention : votre lien doit être inséré en début de ligne et sans espace. Si votre lien est mal placé, votre vidéo n’apparaîtra pas dans votre billet.

Le résultat est visible presque immédiatement : le lien est remplacé par la vidéo. Elle est donc bien intégrée à mon article : une fois mon billet publié, elle apparaîtra dans le texte, à l’endroit où j’ai collé le lien récupéré sur le site Youtube.

/!\ Si la vidéo n’apparaît pas, deux possibilités

Utiliser l’outil « Ajouter un média » de WordPress

Dans mon billet, je laisse une ligne vide à l’endroit où je veux que ma vidéo apparaisse. Je clique sur « Ajouter un média ».

Dans ce menu, je clique sur « Insérer à partir d’une adresse web ».

Je colle le lien de ma vidéo Youtube puis je clique sur « Insérer dans l’article », et c’est fait !

 

Utiliser le code embed de la vidéo

Il peut arriver que WordPress ne parvienne pas à intégrer une vidéo en utilisant les deux méthodes ci-dessus. Tout n’est pas perdu ! On va contourner le problème.

Sur la page de ma vidéo Youtube, je clique sur « Partager » en dessous de la vidéo.

Dans le menu « Partager », je clique sur « Intégrer ».

Dans la fenêtre qui s’ouvre, je clique sur « Copier ».

Je retourne dans mon billet. Pour me simplifier la tâche, je mets un repère à l’endroit où je vais insérer ma vidéo, par exemple une série de XXXXXXX majuscules.

En haut à droite de la zone où j’écris mon billet, je clique sur le menu « Texte ». Ce menu affiche mon billet en langage html brut, tel que le lit mon ordinateur : je navigue dedans pour retrouver mon repère « XXXXXXX ».

A la place de mon repère, je colle le texte que j’ai copié depuis Youtube.

Je retourne à l’affiche normal de mon billet en cliquant sur « Visuel » : ma vidéo apparaît !

Insérer une vidéo à partir de Dailymotion

Pour insérer une vidéo récupérée sur Dailymotion, le principe est le même que sur Youtube : il vous suffit d’aller chercher les images qui vous intéressent sur le site de Dailymotion, puis de copier le lien de la vidéo (3) et de le coller dans votre article, là où vous voulez qu’elle apparaisse. Comme pour Youtube, les deux autres méthodes fonctionnent aussi.

aaa2

Insérer une vidéo à partir de Viméo

Tout comme pour Youtube et Dailymotion, j’ai le choix entre les trois méthodes. La plus simple consiste à copier puis coller un lien récupéré sur Viméo pour intégrer une vidéo de cette plateforme dans mon article. Cependant, récupérer le lien en question est un peu plus compliqué que précédemment. Une fois que j’ai trouvé la vidéo qui m’intéresse, je vais cliquer sur « Share », à droite du cadre de la vidéo (4) :

aaa3

Une nouvelle fenêtre apparaît alors, qui me propose le lien de ma vidéo (« Link ») : comme pour Youtube et Dailymotion, je double clique sur ce lien (5), je le colle et je le copie ensuite dans mon article, afin que les images apparaissent dans mon billet.

aaa4

Vous pouvez désormais intégrer autant de vidéos que vous le souhaitez dans vos billets ! N’hésitez pas à vous référer à nos autres tutoriels :

Licence Creative Commons

Ce(tte) œuvre est mise à disposition selon les termes de la Licence Creative Commons Attribution – Pas d’Utilisation Commerciale 3.0 non transposé.

Ajouter un Commentaire

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