Comment intégrer une vidéo dans son blog

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

Capture d’écran 2016-01-16 à 17.54.53

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.

Onglet html dans l'éditeur WordPress

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.

Onglet intégrer

Fig. 3 Onglet « intégrer » dans Youtube

 

code d'intégration Dailymotion

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 😉

 

7 réflexions sur “Comment intégrer une vidéo dans son blog

  1. Hello,

    Ben dis donc !!!
    T’as bien avancé depuis ma dernière visite. Super le truc pour installer des vidéos. Et le blog a changé, il me semble. Tu avais déjà ce thème auparavant? C’est sympa.
    Mon blog c’est sawpractice.wordpress.com. Les commentaires sont bienvenus.

    Bonne continuation et bon mooc.

    Aimé par 1 personne

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s