Élément vidéo

À propos de l'élément vidéo

Contrairement à la version 6, la dernière version de l'éditeur combine divers éléments vidéo, tels que YouTube Vimeo, en un seul Vidéo .

Grâce à cette fonctionnalité mise à jour, les utilisateurs peuvent facilement présenter des vidéos sur différents types de pages et les personnaliser pour capter rapidement l'attention de leurs clients.

Comment ajouter un élément vidéo ?

Étape 1 : Ouvrez le Éditeur GemPages et sélectionnez une page à modifier. Recherchez l'élément Vidéo dans la barre latérale gauche sous la section Média, ou utilisez la barre de recherche pour un accès rapide.

Étape 2 : Faites glisser et déposez l'élément à la position de votre choix.

Lorsque vous cliquez sur l'élément Vidéo, ses options de configuration s'affichent dans la barre latérale gauche. Ces options seront expliquées dans les sections suivantes.

Configurer l'onglet Paramètres

L' Paramètres L'onglet vous donne un contrôle total sur la façon dont votre vidéo s'affiche et se comporte sur votre page, notamment :

Vidéo Source

• Type: Choisissez votre plateforme vidéo : YouTube, Vimeo, ou Hébergement vidéo (téléchargez des vidéos directement sur Shopify ou utilisez des liens d'hébergement externes).
• Lien vidéo:Collez l'URL de la vidéo ou le lien d'hébergement.
• Vignette: Téléchargez une image d'aperçu personnalisée qui s'affiche avant la lecture de la vidéo (particulièrement utile lorsque la lecture automatique est désactivée).
• Démarrer la vidéo à:Choisissez le point de départ de votre vidéo. 
• Fin de la vidéo à:Choisissez le point final de votre vidéo.

Vous trouverez ci-dessous un guide étape par étape pour télécharger votre propre vidéo sur Shopify en utilisant Shopify CDN (Content Delivery Network) comme hôte.

Étape 1: Aller à Administration Shopify > Contenu > Fichiers.

Étape 2: Clique sur le "Télécharger des fichiersen haut à droite. Si vous n'avez pas encore téléchargé de fichiers ici, cliquez sur le bouton « Télécharger des fichiersLe bouton « » apparaîtra au milieu de l’écran.

Étape 3:Sélectionnez le fichier à télécharger depuis votre appareil.

Étape 4:Une fois le téléchargement terminé, copiez l'URL en cliquant sur le chaîne icône (sur le bord gauche de l'écran).

Revenez au tableau de bord GemPages et collez le lien copié dans la zone Lien Web.

Configurer la vidéo

Contrôlez le comportement de votre vidéo lorsqu'elle est chargée sur la page :

• Barre de contrôle: Activer ou désactiver les commandes du lecteur vidéo (lecture, pause, barre de progression, etc.).
• Son: Activer/désactiver le son par défaut.
• Charge paresseuse: Chargez la vidéo uniquement lorsqu'elle est dans la fenêtre d'affichage pour améliorer la vitesse de la page.
• Autoplay:Lire automatiquement la vidéo lorsque la page se charge.
• Boucle vidéo:Répétez la vidéo en boucle continue.

Remarque :

• Les vidéos YouTube ne seront pas lues automatiquement lorsque le chargement différé est activé.
• Veuillez noter que certains navigateurs ont mis en place des restrictions sur la lecture automatique. Dans ce cas, votre vidéo reviendra à l'image miniature, obligeant les spectateurs à cliquer manuellement sur lecture pour lancer la lecture.
• L'activation du son de votre vidéo peut également entraîner la désactivation de la lecture automatique.

Taille

Cadre: Sélectionnez le format d'image de votre vidéo, notamment carré, 3:2, 4:3, 16:9 et 21:9.

Forme

Personnalisez votre image vidéo à l'aide de ces options :

• Frontière: Ajoutez une bordure autour de votre vidéo. Définir couleur, épaisseur et style de trait (plein, pointillé, pointillé).
• Coin: Arrondissez les bords de votre image vidéo en ajustant le radiusVous pouvez modifier tous les coins à la fois ou individuellement.
• Ombre: Ajoutez un effet d'ombre pour accentuer la profondeur ou la netteté. Configurer :
  • Type:Intérieur, extérieur, centré, directionnel
  • Direction : Définissez l'angle de l'ombre (par exemple, 45°)
  • Couleur, Distance, tache et Taille

Configurer l'onglet Avancé

Pour une personnalisation plus avancée, veuillez accéder au Avancé onglet et suivez les instructions dans cet article.