Définir un arrière-plan vidéo

À propos d'un arrière-plan vidéo

Les arrière-plans vidéo sont un choix populaire pour les bannières Hero, offrant une alternative moderne et attrayante aux images d'arrière-plan statiques. Utilisés efficacement, ils peuvent raconter l'histoire de votre marque, susciter des émotions et créer une expérience immersive qui captive et fidélise le public.

Définir un arrière-plan vidéo à l'aide de l'élément Bannière vidéo

Pour ajouter un arrière-plan vidéo, vous utiliserez le Bannière vidéo de GemPages élément. Si vous ne connaissez pas cette fonctionnalité, consultez cet article pour un aperçu détaillé.

Avant de créer un arrière-plan vidéo pour votre page, assurez-vous que l'URL de la vidéo provient de YouTube ou que votre fichier est téléchargé dans Shopify.

Pour télécharger une nouvelle vidéo sur votre Shopify, vous pouvez accéder à Menu > Documents officiels > Télécharger des fichiers.

Ensuite, suivez les étapes ci-dessous pour configurer la vidéo comme arrière-plan :

Étape 1 : Accéder à l'éditeur GemPages

• Connectez-vous à votre compte administrateur Shopify, puis accédez à la Générateur de pages GemPages app.
• Depuis le tableau de bord GemPages, cliquez sur Pages pour localiser toutes vos pages.
• Cliquez sur votre page cible, où vous souhaitez définir un arrière-plan vidéo, pour accéder à l'éditeur.

Étape 2 : ajoutez un élément de bannière vidéo à votre page

• Une fois situé dans l'éditeur, entrez « bannière vidéo » dans la barre de recherche.
• Depuis la barre latérale gauche, faites glisser et déposez l’élément vidéo à la position souhaitée sur la page.

Étape 3 : Configurer l’élément

• Cliquez sur l'élément pour ouvrir ses paramètres. 
• En vertu des Normes sur l’information et les communications, les organismes doivent rendre leurs sites et applications Web accessibles. Ils y parviennent en conformant leurs sites Web au niveau AA des Web Content Accessibility Guidelines (WCAG). Paramètres onglet, faites défiler jusqu'à Présentation section> Vidéo pour ouvrir le panneau.

• À partir de là, vous pouvez sélectionner la source de la vidéo à partir de YouTube or Hébergement vidéo.

• Ensuite, collez l’URL de la vidéo et définissez le paramètre de boucle sur Oui/Non selon vos préférences. 

 Questions fréquentes

1. Puis-je utiliser n’importe quelle vidéo pour mon arrière-plan ?

Vous pouvez utiliser des vidéos de YouTube ou celles que vous avez téléchargées sur Shopify sous Menu > Documents officielsAssurez-vous que votre vidéo est de haute qualité et pertinente par rapport à votre contenu pour une expérience utilisateur optimale.

2. Comment faire pour que ma vidéo d'arrière-plan soit lue automatiquement ?

Lorsque vous utilisez le Bannière vidéo Élément dans GemPages : les vidéos d'arrière-plan sont lues automatiquement par défaut au chargement de la page. Aucune configuration supplémentaire n'est requise.

3. L'arrière-plan vidéo fonctionne-t-il sur mobile ?

Les arrière-plans vidéo peuvent être désactivés sur certains appareils mobiles pour garantir les performances et la vitesse de chargement.

4. Puis-je couper le son de fond de la vidéo ?

Oui, les vidéos d'arrière-plan ajoutées via la bannière vidéo sont désactivées par défaut pour éviter de perturber la navigation. L'utilisation du son en arrière-plan est déconseillée.

5. Comment faire pour que la vidéo soit en boucle en continu ?

Dans les paramètres de la bannière vidéo, définissez l'option Boucle sur Oui la vidéo sera donc lue en continu en arrière-plan.

6. Pourquoi mon arrière-plan vidéo ne s'affiche-t-il pas ?

Vérifiez l'URL de la vidéo, assurez-vous que la source (YouTube ou Shopify) est correctement copiée et que la lecture automatique et la lecture en boucle sont activées. Assurez-vous également que votre navigateur autorise la lecture automatique des vidéos.