1. Accueil
  2. Tutoriels
  3. Pages
  4. Insérer une vidéo dans une page de son site web
 

Ajouter une vidéo dans une page

Insérer une vidéo dans une page de son site web

Que votre vidéo soit hébergée sur Youtube, Dailymotion, Viméo ou un site spécialisé dans l'hébergement et dans le visionnage de vidéo, vous pourrez très facilement l'afficher dans une page.

Voici un tutoriel qui vous permettra de comprendre comment ajouter une vidéo dans une page.

 
 
 

Pourquoi héberger une vidéo sur une plateforme dédiée ?

Les raisons de préférer une plateforme spécialisée dans l'hébergement de vidéos (plutôt qu'un espace de stockage) sont multiples :

  1. Vous pouvez intégrer les vidéos très facilement dans des pages (avec les widgets d'e-monsite ou en copiant et collant un code <embed>).
  2. Vous pouvez créer un compte pour gérer vos vidéos personnelles, trier celles que vous avez aimées par catégories puis lier votre compte à votre site.
  3. En proposant une vidéo hébergée sur Youtube ou Dailymotion, vous avez plus de chance qu'elle soit lue dans de bonnes conditions plutôt qu'en passant par un espace de stockage (il faut que le player soit installé sur le poste de l'internaute, temps de chargement.. etc).

Une vidéo hébergée sur YouTube

Une vidéo hébergée sur Dailymotion

Insérer une vidéo hébergée sur YouTube ou Dailymotion

Deux possibilités s'offrent à vous : 

  1. Vous pouvez insérer une vidéo dans l'éditeur visuel, en cliquant sur le bouton Vidéo YouTube / Dailymotion
  2. Ou passer par le widget Vidéo

Dans les deux cas de figure, que ce soit pour une vidéo hébergée sur YouTube ou Dailymotion, vous pourrez l'insérer :

  1. En utilisant directement l'URL de la vidéo (ex: https://www.youtube.com/watch?v=8MsRviKte-U) 
  2. En recherchant la vidéo par mot clé

Insérer une vidéo hébergée sur Viméo

Youtube et Dailymotion sont deux sites d'hébergement de vidéos connus, mais il en existe d'autres, dont Viméo.

Nous ne pouvons pas vous proposer un widget pour chaque plateforme, mais quelque soit l'hébergeur, vous aurez toujours la possibilité d'insérer la vidéo dans une page de votre site web.

  1. Rendez-vous sur la page de la vidéo puis cliquez sur le bouton <embed>.
  2. Copiez le code (clic droit > copier)
  3. L'outil de création de page vous permet de créer des pages dynamiques en ajoutant jusqu'à 6 blocs par ligne. Ajoutez une ligne ou une colonne avec le widget HTML. Collez le code dedans puis enregistrez
  4. Si vous souhaitez modifier la hauteur ou la largeur de la vidéo, vous pouvez le faire directement dans le code embed (width="400" height="225")

Intégrer une vidéo depuis l'espace de stockage de votre site

Il est possible d'intégrer une vidéo depuis le stockage de votre site (Stockage > Gérer les fichiers) si vous ne voulez pas partager la vidéo sur les plateformes dédiées. Dans un éditeur visuel, cliquez sur le bouton Fichier en haut à gauche de l'éditeur puis retrouvez votre vidéo dans votre espace de stockage - ou téléchargez-la à ce moment. 

Idéalement, utilisez le format MP4 pour une vidéo, c'est le format qui sera le plus compatible avec tous les équipements récents. Le poids de la vidéo devra faire moins de 20 Mo. 

Il sera alors proposé d'ajouter directement un lecteur vidéo pour lire celle-ci depuis le site. 

L'outil de création de pages permet d'ajouter le widget vidéo facilement et rapidement

 

 

A noter : une vidéo "privée" sur YouTube (par exemple) ne pourra pas être placée sur votre site. Préférez l'utilisation du paramètre de confidentialité "Non répertoriée".