Définir une bordure arrondie pour une vidéo

Comment définir une bordure arrondie pour votre vidéo

Suivez ces étapes ci-dessous pour ajouter une bordure arrondie à votre vidéo dans GemPages v7.

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

• Depuis votre interface administrateur Shopify, accédez à la Générateur de pages GemPages application> Pages.
• Cliquez sur la page dont vous souhaitez personnaliser le coin de la vidéo pour ouvrir l'éditeur.

• Si vous préférez ajouter la vidéo arrondie à la nouvelle page, cliquez sur le bouton Créer une nouvelle page .

Étape 2 : Ajouter une vidéo à l’aide de l’élément vidéo

Une fois dans l'éditeur, saisissez la vidéo dans la barre de recherche. Ensuite, glissez-déposez l'élément Vidéo depuis la barre latérale gauche jusqu'à l'emplacement souhaité sur votre page.

Cliquez sur la vidéo pour ouvrir ses paramètres. Sous Paramètres onglet, modifier le Source vidéo, Configuration vidéo, Taille et Forme pour votre vidéo.

Étape 3 : Définissez un coin arrondi pour la vidéo

Faites défiler jusqu'à la Forme section sous la Paramètres languette.

Cliquez sur « Ajouter… » dans le CORNER champ pour ouvrir le paramètre d'angle.

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). Rayon champ, cliquez sur le flèche vers le bas icône et sélectionnez le Ronde Option dans la liste déroulante. Le rayon sera défini sur 8 par défaut. 

• Si vous préférez que la forme des coins de la vidéo soit plus arrondie, entrez un nombre exact dans la case.

• Si vous souhaitez définir un rayon différent pour chaque coin, cliquez sur l'icône à côté de la case pour ouvrir le panneau détaillé.

Options de style supplémentaires

Vous pouvez personnaliser davantage l'élément vidéo en combinant des coins arrondis avec :

• Frontière:Ajouter une bordure avec une épaisseur et une couleur personnalisées
• Shadow: Appliquez une ombre extérieure pour créer une profondeur visuelle

Ces options sont également disponibles dans le Forme .

Questions fréquentes

1. Puis-je appliquer des valeurs de rayon d’angle différentes à chaque angle ?

Actuellement, le rayon d'angle s'applique uniformément aux quatre angles. Les valeurs personnalisées pour chaque angle ne sont pas encore prises en charge.

2. Pourquoi les coins arrondis n'apparaissent-ils pas dans la vue en direct ?

Assurez-vous qu'aucun style conflictuel ni élément parent ne remplace le rayon de la bordure. Vérifiez également que le rayon d'angle n'est pas défini sur 0.