Ingénieure informatique Freelance Toulouse
Spécialisée dans le développement Web

menu button

Comment intégrer facilement une vidéo sur son site ?

Posté le 26/04/2018 - par Amy Wiggenhauser - dans Web Design

illustration

Les vidéos se multiplient sur la toile et on comprend facilement pourquoi : elles permettent de se présenter, d'expliquer une méthode de manière très visuelle, ou bien de présenter une scène de vie, une chanson ou encore une séquence humoristique, le tout abordable par tous.

Sur internet, elles sont devenus incontournables, et la question "comment ajouter des vidéos sur son propre site web ?" revient souvent.

Je vais vous présenter une méthode simple et rapide pour y parvenir sans besoin de connaissance technique particulière.

Télécharger votre média sur Youtube

Youtube présente plusieurs avantages, il permet de :

  • diffuser vos films au plus grand nombre
  • ne pas stocker les fichiers médias sur le serveur de votre site internet, ce qui évite de le surcharger
  • regrouper toutes vos vidéos sur une chaîne, permettant à vos fans de les retrouver facilement

Pour utiliser Youtube, il vous faut un compte Google. Connectez-vous, puis, rendez-vous sur youtube.

A gauche de l'écran, se trouve le menu. Rendez-vous en bas du menu dans la section "Paramètres".

bouton parametres youtube

Une page s'ouvre, vous présentant la vue d'ensemble de votre compte. Au milieu de l'écran, à droite de votre adresse email, se trouve le lien "Créer une chaîne". Cliquer sur ce lien et suivez les instructions qui s'affichent pour mettre en ligne votre fichier.

bouton créer chaine youtube

Important : votre vidéo sera visible publiquement par tous les internautes. Si vous souhaitez intégrer un fichier confidentiel, il faudra vous tourner vers d'autres méthodes permettant de concerver la confidentialité de votre document.

2- Intégrer la vidéo sur votre site internet

Rendez-vous sur la page de votre vidéo sur Youtube, vous pouvez passer par votre chaîne pour retrouver le document rapidement.

A noter que cette méthode fonctionne aussi pour d'autres vidéos déjà présentes sur Youtube.

Une fois que vous êtes sur la page Youtube de la vidéo, juste en dessous de celle-ci, se trouvent un lien nommé "PARTAGER".

bouton partager

Cliquer sur ce lien, puis, cliquer sur "INTEGRER".

bouton intégrer

Copier le code HTML qui s'affiche.

code html à copier

Il ne vous reste plus qu'à le coller sur votre page web ou votre blog. L'emplacement où coller le code dépend de votre site et du CMS que vous utilisez. Dans les paragraphes suivants, la méthode est expliquée pour deux CMS courrants. Si vous utilisez un autre logiciel, il se peut que la méthode à appliquer soit légèrement différente.

3- Sur Wordpress

Tout d'abord, rendez-vous dans l'espace administrateur du site, sur la page du site ou l'article dans lequel vous souhaitez afficher la vidéo.

Repérer, dans le corps de votre page ou de votre article, l'emplacement où vous souhaitez insérer la vidéo. Notez quelques mots ou bien une phrase qui précède immédiatement cet emplacement. Retenez bien ces mots car ils vont vous servir de repère, en particulier si votre page contient beaucoup d'éléments.

Au dessus de la zone d'édition du contenu, se trouvent deux onglets ("visuel", et "texte").

bouton texte wordress

Cliquer sur "texte".

Le contenu de votre page apparaît dans la zone d'édition au format HTML. Ce texte peut paraître difficile à lire pour ceux qui ne maîtrisent pas ce language, mais en réalité, vous avez uniquement besoin de repérer les quelques mots que vous avez retenu précédement.

En parcourrant le code HTML, vous allez tomber sur ces mots, et vous saurez que vous devez coller le code de la vidéo juste après.

Il ne vous reste plus qu'à enregistrer.

4- Sur Prestashop

Vous pouvez insérer les vidéo dans les descriptions des produits ou sur les pages CMS de votre boutique Prestashop.

Pour cela, rendez-vous dans l'espace administrateur de Prestashop, sur la page CMS souhaitée ou sur la fiche du produit concerné, onglet "informations".

Au dessus du champ d'édition du texte de la page ou de la description du produit, se trouve la barre d'outils contenant plusieurs boutons.

bouton insérer prestashop

Pour ajouter une vidéo, cliquer sur le bouton "Insérer/éditer une vidéo".

Une fenêtre "pop-up" s'ouvre. Dans l'onglet "Insérer", coller le code de votre vidéo, puis cliquer sur "Ok".

Enregistrer la page.

 

Crédit photo : Designed by Freepik

Commentaires

Aucun commentaire pour le moment.


Laisser un commentaire

Pseudo * :
Votre adresse email * (ne sera pas publiée) :
Commentaire * :


* Champs obligatoires

Pour connaitre et exercer vos droits, notamment de retrait de votre consentement à l'utilisation des données collectées par ce formulaire, veuillez consulter notre politique de confidentialité.

Autres réalisations