Une vidéo Youtube ou Dailymotion dans un blog

Bonjour à tous et bienvenus ! L’objectif de ce tutoriel est d’apprendre à intégrer une vidéo sur un blog WordPress. Nous traiterons uniquement des vidéos en provenance de Youtube et Dailymotion.

Ce diaporama nécessite JavaScript.

Tout d’abord, il existe 2 façons très simples pour intégrer une vidéo. À vous de choisir celle qui vous convient le mieux.

• Le copier-coller
• l’intégration de code directement dans le HTML

1 Le copier-coller

Fig.1 Barre d’adresse où sélectionner le lien de la vidéo

Simple comme bonjour ! Sélectionner l’adresse qui se situe en haut du navigateur (fig. 1) puis collez-la dans votre article à l’endroit souhaité. La vidéo apparaît dans votre article en mode administration. Après « mise à jour » de votre article, la vidéo apparaît sur votre blog en  ligne. Valable pour Youtube et Dailymotion.

2 L’intégration de code

Pourquoi cette solution ? Elle permet une approche du HTML dans WordPress sans que cela soit trop complexe. Dans ce tutoriel nous n’allons pas apprendre Le HTML. De nombreux sites traitent de ce sujet. Je veillerai à mettre quelques liens en fin d’article si vous souhaitez apprendre ces bases.

Fig. 2 Onglet html dans l’éditeur WordPress

Ci-dessus (fig. 2), une capture d’écran du début de mon article. Sur une page telle que celle-ci, nous allons intégrer un code de vidéo Youtube ou Dailymotion. Repérez dans votre page HTML l’endroit exact où vous souhaitez placer la vidéo, comme une fin de phrase ou une fin de paragraphe.

Rendez- vous sur Youtube ou Dailymotion et plus précisément sur la page de votre vidéo.

Fig. 3 Onglet « intégrer » dans Youtube

Fig. 4 Onglet « exporter » dans Dailymotion

Sous la vidéo que vous souhaitez importer dans votre blog (fig. 3 et fig. 4) se trouvent les onglets « intégrer » (Youtube) ou « exporter » (Dailymotion). Ces onglets vous indiquent (juste en-dessous sélectionné en bleu), le code qu’il faut intégrer dans votre page HTML. Faites un clic droit, sélectionner « copier ».

Coller ce code ans votre page HTML (clic droit, sélectionner « coller ») là où vous souhaitez que votre vidéo apparaisse. Mettez à jour votre article sur votre interface administration et réactualisez votre blog sur la page qui est en ligne. Votre vidéo est publiée et affichée 😉