Réussi
Paramètres vidéo
Contrôlez votre source vidéo, la mise en page et les paramètres de lecture au même endroit.
Utilisez ces paramètres pour contrôler l’apparence et la lecture de la vidéo dans le thème. Vous pouvez choisir la source, définir le cadre visible, limiter la largeur d’affichage et décider du niveau de contrôle de lecture offert aux clients. Pour une vue d’ensemble plus large de l’emplacement de ces commandes, consultez la documentation Shopify sur l’éditeur de thème
Source vidéo
Section intitulée « Source vidéo »Vous pouvez utiliser soit un fichier vidéo hébergé, soit un lien Vimeo ou YouTube. Cela rend le groupe flexible, à la fois pour les téléversements directs et pour les vidéos déjà publiées sur un service pris en charge. Si votre vidéo fait partie d’une section, la documentation Shopify sur les sections et les blocs explique comment les paramètres de section sont organisés.
Si vous utilisez une URL de service, saisissez le lien vers la page de la vidéo plutôt que le code d’intégration. Dans l’éditeur, les modifications vidéo peuvent ne pas apparaître immédiatement tant que vous n’avez pas enregistré.
Pour les fichiers hébergés, optimisez la taille et le débit binaire avant le téléversement afin de conserver une lecture fluide, surtout sur mobile. Consultez Using video.
Choisissez une source prévue pour chaque zone vidéo et vérifiez qu’elle s’affiche correctement après l’enregistrement. Cela aide à éviter toute confusion pendant la configuration lors des tests de différents types de vidéo.
Image d’affiche
Section intitulée « Image d’affiche »Une image d’affiche sert d’aperçu avant le début de la lecture. Elle est particulièrement utile pour les vidéos hébergées, où une bonne image d’aperçu peut rendre la vidéo plus soignée et plus intentionnelle.
Choisissez une image dont le cadrage correspond étroitement à celui de la vidéo. Si le recadrage est très différent, la transition vers la lecture peut sembler brusque.
Format et mise en page mobile
Section intitulée « Format et mise en page mobile »Le format contrôle la forme du cadre vidéo. Cela influe sur l’espace occupé par la vidéo et sur la cohérence de son alignement avec le contenu environnant.
Utilisez le format principal pour les grands écrans, puis définissez un format mobile séparé uniquement si les petits écrans nécessitent une présentation différente. Si le mobile est laissé sur Default, il suit le format principal.
Le dimensionnement naturel fonctionne bien lorsque les dimensions originales de la vidéo correspondent déjà à votre mise en page. Les formats prédéfinis sont préférables lorsque vous souhaitez un rendu cohérent sur plusieurs vidéos ou que vous voulez aligner proprement la vidéo avec les images et le texte à proximité.
Utilisez le paramètre de largeur maximale pour contenir une vidéo dans une mise en page plus étroite. C’est utile lorsque la vidéo doit s’aligner sur le contenu textuel au lieu de s’étendre sur tout l’espace disponible.
Une largeur de 0 permet à la vidéo de s’étendre sur toute la largeur disponible. Cela peut créer un impact visuel plus fort, mais une vidéo de plus faible résolution peut paraître plus douce sur les grands écrans.
Comportement de lecture
Section intitulée « Comportement de lecture »La lecture automatique démarre la vidéo lorsqu’elle entre dans la zone visible et la met en pause lorsqu’elle en sort. Cela fonctionne mieux pour les clips courts et visuels qui accompagnent le contenu voisin sans demander trop d’attention.
La lecture en boucle est utile pour les mouvements d’ambiance, les clips de détails de produit et les courtes démonstrations répétées. Pour les vidéos plus longues ou celles qui ont un début et une fin clairs, la boucle peut sembler distrayante.
La lecture en sourdine est généralement le choix le plus sûr lorsque la lecture automatique est activée. Elle rend l’expérience moins perturbante et évite un son inattendu.
Commandes du lecteur
Section intitulée « Commandes du lecteur »Les commandes du lecteur permettent aux clients de lire, mettre en pause et parcourir la vidéo directement. Laisser les commandes visibles est généralement le meilleur choix lorsque la vidéo explique un produit, montre un processus ou inclut des détails que les visiteurs peuvent vouloir relire.
Masquer les commandes crée une présentation plus épurée, mais convient mieux aux clips décoratifs courts pour lesquels l’interaction directe compte moins.
Notes d’utilisation
Section intitulée « Notes d’utilisation »- Vérifiez les deux tailles de zone d’affichage. Les paramètres de bureau et de mobile peuvent produire des différences de disposition, d’alignement, de visibilité ou de comportement du média ; vérifiez donc les deux vues après vos modifications.
- Vérifiez que la vidéo reste équilibrée à côté du contenu voisin sur les grands écrans.
- Vérifiez séparément l’affichage mobile pour repérer les changements de recadrage, les espacements plus serrés ou des commandes trop petites ou trop visibles.
- Considérez les valeurs vides ou par défaut comme des solutions de repli. Laisser un paramètre vide, transparent ou à sa valeur de style par défaut préserve généralement le style environnant.
- N’utilisez des couleurs explicites, des dégradés ou des remplacements de média que lorsque vous souhaitez que la zone vidéo se distingue davantage.
- Attendez-vous à ce que ces choix plus marqués aient un impact visuel plus fort sur la zone locale.
- Vérifiez les choix de média pour la lisibilité. Différentes sélections de média peuvent modifier le recadrage, le chargement, le repli et le contraste du texte autour de la vidéo.
- Soyez particulièrement vigilant lorsque les médias de bureau et de mobile sont définis séparément.
- Assurez-vous que l’image d’aperçu prend toujours en charge le texte et les boutons à proximité.
- Choisissez des commandes de lecture adaptées au contenu. Utilisez les commandes du lecteur lorsque les visiteurs peuvent avoir besoin de relire, mettre en pause ou examiner des détails.
- Conservez les commandes pour les vidéos axées sur le produit ou explicatives.
- Masquez les commandes uniquement lorsque le clip est court et décoratif.