Cet article vous explique comment ajouter simplement une vidéo sur votre site internet. 🎬
Méthode 1 : Intégrer une vidéo depuis Youtube (recommandée)
Afin de ne pas utiliser les ressources de votre site internet et de réduire le temps de chargement de vos pages, nous vous préconisons d’héberger vos vidéos sur une plateforme en ligne (Youtube, Viméo….).
1. Pour cela, connectez-vous à votre compte Youtube (ou créez un compte, c’est gratuit !).
2. Mettez en ligne votre vidéo.
3. Ensuite rendez-vous sur dans le back-office de votre site.
Plusieurs options s’offrent à vous pour intégrer la vidéo :
Choix 1 : utilisez le BLOC « Vidéo »
1. Ajoutez un BLOC « Vidéo » sur la page souhaitée.
2. Dans l’onglet « Vidéo », sélectionnez « Embarquée Youtube ou Viméo ».
3. Copier-coller l’URL de votre vidéo dans la zone en dessous.
4. N’oubliez pas d’enregistrer votre page !
Choix 2 : utilisez le code d’intégration pour intégrer la vidéo à un endroit précis
Pour plus de flexibilité dans la mise en page de vos pages, vous pouvez récupérer le code d’intégration de votre vidéo sous forme d’iframe et l’ajouter dans une zone de texte d’un BLOC. Voici un exemple :
1. Sous votre vidéo Youtube en ligne, cliquez sur « Partager » puis « Intégrer »
2. Copier le code d’intégration.
3. Sur votre site, ajoutez un BLOC « Paragraphe ».
4. Dans l’onglet « Texte », coller le code d’intégration.
5. Si vous revenez sur l’onglet « Visuel » votre vidéo devrait apparaître.
6. Si la taille de votre vidéo n’est pas optimale, vous pouvez passer le paramètre width à 100% pour que la vidéo prenne 100% de la largeur de sa colonne -> « width=100% ». Tout se passe dans l’onglet « Texte ».
7. N’oubliez pas d’enregistrer vos modifications !
De cette façon, vous pouvez facilement ajouter un texte à côté d’une vidéo en utilisant le BLOC « Paragraphe » > Ajouter 2 Paragraphes > Puis Afficher 2 Paragraphe par ligne !
C’est le même principe si vous souhaitez ajouter une carte Google Maps à votre site : il vous suffit de copier-coller le code d’intégration dans une zone de texte (onglet « Texte) sur votre site !
Méthode 2 : Intégrer une vidéo depuis votre bibliothèque de médias
Nous vous recommandons fortement d’utiliser la méthode 1 pour ajouter une vidéo sur votre site. Néanmoins, dans certains cas, vous pouvez quand même essayer d’ajouter une vidéo sur votre site de la même façon qu’une image ou un PDF (si la vidéo est courte par exemple).
Attention, selon les paramètres du serveur de votre site, il existe une limite de poids de fichier. Les vidéos sont généralement des fichiers lourds, donc il n’est pas toujours possible de les intégrer dans votre bibliothèque de médias. De plus, le temps de chargement de votre page sera plus long. C’est pour cela que nous vous recommandons d’utiliser les ressources d’une plateforme externe (type Youtube).
Utiliser le BLOC « Vidéo »
1. Ajoutez un BLOC « Vidéo » sur la page souhaitée.
2. Dans l’onglet « Vidéo », sélectionnez « Fichier à uploader ».
3. Téléverser votre vidéo depuis le gestionnaire de documents de votre ordinateur ou sélectionner votre vidéo dans la galerie des médias.
4. N’oubliez pas d’enregistrer vos modifications !
