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

vidéos dans des pages

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 :

  • 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>).
  • 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.
  • 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

Vous avez deux possibilités : vous pouvez insérer une vidéo dans l'éditeur visuel, en cliquant sur le bouton Vidéo youtube/dailymotion 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 :

  • en utilisant directement l'URL de la vidéo
    ex: https://www.youtube.com /watch?v=2QmDyHx8N28&feature=channel
  • en recherchant la vidéo par mot clé
  • en recherchant parmi les vidéos liées à un compte utilisateur

Inserer video

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.

  • Rendez-vous sur la page de la vidéo puis cliquez sur le bouton <embed>.
  • Copiez le code (clic droit > copier)
  • 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
  • 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