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")

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".