Comment ajouter une vidéo à mon site Website Builder ?

Si vous souhaitez augmenter l’engagement de vos visiteurs avec votre contenu, l’ajout d’une vidéo à votre site est l’un des meilleurs moyens d’y parvenir. Le Website Builder de one.com offre plusieurs options pour ajouter des vidéos. Dans ce guide, nous allons vous montrer comment téléverser une vidéo directement sur votre site web à l’aide du composant vidéo.

Cette fonctionnalité fait partie de Website Builder Essentiel Starter, Premium Premium et Business + E-commerce Business + E-commerce, des modules complémentaires pour les plans d’hébergement classiques, ainsi que des plans dédiés Website Builder Business, Pro et E-commerce. Vous pouvez en savoir plus sur les différents plans dans notre guide : Quelles fonctionnalités sont incluses dans chaque plan Website Builder ?


Étape 1 - Sélectionnez le composant vidéo

  1. Accédez à votre Website Builder via le one.com panneau de configuration. Dans le tableau de bord, cliquez sur le bouton bleu portant la mention Modifier le site pour accéder à l’éditeur Website Builder.
  2. Accédez à la page ou à la section où vous souhaitez placer la vidéo.
  3. Allez dans le menu de gauche et cliquez sur Vidéo.
  4. Cliquez sur Vidéo (auto-hébergé) pour ajouter le composant à votre espace de travail. Vous pouvez également cliquer dessus et le faire glisser à l’endroit où vous le souhaitez.
Capture d’écran montrant l’éditeur Website Builder. L’élément vidéo est ouvert dans le menu à gauche, et une flèche rouge pointe vers l’option « vidéo auto-hébergée ».

Étape 2 - Ajoutez votre vidéo

  1. Si vous avez déjà téléversé la vidéo dans le dossier onewebmedia de votre espace web, vous devriez pouvoir la voir dans la fenêtre contextuelle. Si vous ne l’avez pas encore téléversée, cliquez sur le bouton Téléverser dans le coin supérieur droit et sélectionnez votre vidéo depuis son emplacement actuel (par exemple, votre ordinateur). Vous pouvez également sélectionner le fichier et le faire glisser dans la fenêtre.
  2. Sélectionnez votre vidéo - assurez-vous qu’elle est entourée d’un cadre bleu.
  3. Cliquez sur Ajouter à la page.

Note : Des vidéos d’une taille maximale de 2 Go peuvent être téléversées à la fois. Les formats de fichiers suivants sont pris en charge : .flv, 3g2, .3gp, .avi, .asf, .divx, .m2ts, .mts, .m4v, .mkv, .mov, .mp4, .mpg, .wmv.

Capture d’écran montrant le sélecteur de fichiers. Les flèches rouges pointent vers une vidéo sélectionnée, le menu de téléversement et le bouton « Ajouter à la page ».


Étape 3 - Modifiez les paramètres de votre vidéo

Vous pouvez ajuster la taille du composant en tirant sur les coins et les côtés à l’aide des poignées orange. Vous pouvez également modifier les paramètres suivants :

  • Muet: La vidéo sera lue sans son si vous avez coché la zone à cet effet.
  • Boucle : Si cette option est activée, la vidéo sera lue à nouveau depuis le début une fois que le visiteur l’aura regardée jusqu’à la fin.
  • Lecture automatique : Cochez la zone pour que la vidéo commence à être lue automatiquement. Veuillez noter que la vidéo sera automatiquement mise en sourdine si vous sélectionnez cette option.
  • Redimensionnement automatique : Cela ajustera automatiquement la vidéo pour remplir l’ensemble du cadre du composant.
  • Masquer les commandes : Si cette option est activée, les contrôles (bouton de lecture, contrôle du son, plein écran, etc.) en bas de la vidéo seront masqués pour le visiteur. 

Vous pouvez modifier ces paramètres comme suit :

  1. Sélectionnez la vidéo que vous venez d’ajouter et cliquez sur l’onglet Paramètres vidéo en haut de celle-ci.
  2. Cochez les zones à côté des différentes options pour les activer (une coche s’affichera dans la zone) ou les désactiver (la zone est vide).
  3. Sauvegardez vos modifications et publiez votre site Web mis à jour afin qu’elles apparaissent sur votre site Web en ligne.

Dans la capture d’écran ci-dessous, Muet est activé tandis que toutes les autres options sont désactivées.

Astuce : Vous pouvez voir la vidéo se lire en mode Aperçu. Ici, vous pouvez également voir l’ensemble des options de visualisation disponibles dans les contrôles.

Capture d’écran montrant la vidéo qui a été ajoutée à l’espace de travail du Website Builder. Une flèche rouge pointe vers le panneau des propriétés.

Articles associés :

Cet article vous a-t-il été utile ?

Vous ne trouvez pas ce que vous cherchez ?

Commencez une conversation

Le moyen le plus rapide de nous contacter – en semaine de 09h00 à 16h00.