Intégrer une vidéo YouTube ou Vimeo sur votre site web
Copiez le code d'intégration d'une vidéo YouTube, Vimeo ou Dailymotion, puis collez-le dans une page, un article ou la description d'un événement.
Une vidéo hébergée sur une plateforme comme YouTube, Vimeo, Dailymotion ou Facebook s'affiche directement sur votre site web grâce à son code d'intégration. Le lecteur apparaît dans la page, tandis que la vidéo reste hébergée sur la plateforme d'origine.
Dans cet article
- Copier le code d'intégration
- Ajouter la vidéo à une page ou à un article
- Ajouter la vidéo à un événement ou à une campagne
Copier le code d'intégration
Le code d'intégration commence par <iframe. Chaque plateforme le fournit dans ses options de partage :
- YouTube : sous la vidéo, cliquez sur Partager, puis sur Intégrer, et copiez le code avec Copier.
- Vimeo : cliquez sur l'icône de partage de la vidéo, puis copiez le code de la section Intégrer. Les options d'intégration permettent aussi de changer la taille du lecteur.
- Dailymotion : sous la vidéo, cliquez sur Partager, puis copiez le code d'intégration.
Pour faire démarrer la vidéo à un moment précis, cochez l'option de départ (Commencer à) dans la fenêtre d'intégration de YouTube avant de copier le code.
Ajouter la vidéo à une page ou à un article
- Ouvrez la page de votre site et ajoutez un module Contenu personnalisé dans la zone voulue, ou ouvrez un module existant. Dans un article, utilisez le champ Article.
- Dans la barre d'outils de l'éditeur, cliquez sur Source.
- Placez le curseur à l'endroit voulu dans le code, puis collez le code d'intégration.
- Cliquez de nouveau sur Source pour revenir à l'affichage normal, puis enregistrez.
Les valeurs width (largeur) et height (hauteur) du code d'intégration déterminent la taille du lecteur. Modifiez-les directement dans le code pour l'agrandir ou le réduire.
Ajouter la vidéo à un événement ou à une campagne
Le même code s'ajoute dans toute zone munie de l'éditeur de texte, par exemple la description d'un événement ou d'une campagne de dons. Dans un événement, cliquez sur Modifier l'événement, puis ouvrez la section Description de base ou Description avancée. Cliquez sur Source dans l'éditeur du champ voulu, collez le code, puis enregistrez.