Réussi
Vidéo
Affichez une vidéo hébergée, YouTube ou Vimeo avec une mise en page responsive et des contrôles de lecture.
Utilisez ce bloc pour ajouter une vidéo hébergée, YouTube ou Vimeo avec un contrôle flexible de la mise en page, de la lecture, des sous-titres et des superpositions. Il convient aux démonstrations de produits, aux tutoriels, aux contenus de campagne et au storytelling de marque lorsque la présentation doit sembler soignée sur ordinateur et mobile. Pour plus de contexte sur le fonctionnement des blocs dans les thèmes, consultez la documentation Shopify sur les sections et les blocs
Paramètres vidéo
Section intitulée « Paramètres vidéo »Ce bloc prend en charge soit un fichier vidéo hébergé, soit une URL de service vidéo. Pour YouTube ou Vimeo, utilisez le lien vidéo normal plutôt que le code d’intégration. Si vous téléversez un fichier hébergé, l’ajout d’une image d’aperçu donne à la vidéo une première image plus propre avant le début de la lecture.
Les paramètres du rapport d’aspect vous aident à contrôler la forme de la vidéo sur tous les appareils. Default conserve les proportions naturelles du média, tandis qu’un rapport fixe est utile lorsque vous souhaitez une meilleure alignement avec le contenu environnant ou un rendu cohérent sur plusieurs blocs vidéo.
Le paramètre de largeur maximale contrôle la largeur que la vidéo peut occuper dans l’espace disponible. Une mise en page en pleine largeur fonctionne bien pour les contenus immersifs, tandis qu’une largeur plus étroite peut sembler plus équilibrée lorsque la vidéo est placée près d’un texte ou d’un autre contenu.
Les paramètres de lecture contrôlent le niveau d’animation du bloc sur la page. La lecture automatique peut créer une expérience plus dynamique, la boucle fonctionne bien pour les extraits courts et répétables, et le mode muet ou les contrôles du lecteur influencent le niveau de contrôle dont disposent les visiteurs pendant la lecture.
Si vous activez la lecture automatique, laissez la vidéo en mode muet pour une expérience plus fluide. La lecture automatique avec le son a plus de chances d’être perçue comme perturbante et peut ne pas se comporter de manière cohérente sur tous les appareils.
Paramètres de sous-titre
Section intitulée « Paramètres de sous-titre »Utilisez le sous-titre pour ajouter un contexte au-dessus ou au-dessous de la vidéo, comme une brève explication, un détail produit ou un message de campagne. Il fonctionne mieux lorsqu’il accompagne le média au lieu de répéter ce que les spectateurs peuvent déjà voir.
La position du sous-titre vous aide à décider si le texte doit présenter la vidéo avant la lecture ou servir de contexte complémentaire sous celle-ci. L’alignement du texte et sa taille doivent correspondre au contenu environnant afin que le bloc paraisse intégré plutôt que détaché.
Paramètres de superposition
Section intitulée « Paramètres de superposition »Les paramètres de superposition appliquent une couleur ou un dégradé sur la zone vidéo. C’est utile lorsque vous souhaitez une présentation plus marquée par la marque, un contraste plus fort pour les icônes ou un aspect en pause plus intentionnel.
L’opacité détermine la part de la vidéo qui reste visible sous la superposition. Une opacité plus faible laisse le média davantage mis en avant, tandis qu’une opacité plus élevée crée un effet visuel plus marqué.
Le style de superposition contrôle quand la superposition s’affiche. Une superposition toujours visible est préférable lorsque la vidéo fait partie d’une mise en page très stylisée, tandis que l’affichage uniquement en pause conserve une lecture plus claire.
Le choix de Always show désactive les contrôles du lecteur vidéo, même si les contrôles sont activés ailleurs dans le bloc.
Paramètres d’alignement
Section intitulée « Paramètres d’alignement »Ces paramètres contrôlent la position du bloc dans l’espace disponible sur ordinateur et mobile. Ils sont utiles lorsque la vidéo doit être alignée différemment selon la taille de l’écran ou la mise en page environnante.
Un alignement distinct pour l’ordinateur et le mobile peut aider un bloc à paraître équilibré sur les grands écrans sans imposer le même placement sur les appareils plus petits.
Paramètres standard de bloc
Section intitulée « Paramètres standard de bloc »Paramètres de couleur
Section intitulée « Paramètres de couleur »Ces paramètres remplacent les couleurs par défaut du bloc pour des éléments tels que les bordures, les icônes et le texte du sous-titre. Utilisez-les lorsque la vidéo a besoin d’un contraste plus fort ou d’une correspondance plus étroite avec une campagne ou une zone de contenu spécifique. Pour plus de détails, consultez la référence des paramètres de couleur fournie par la source.
Paramètres de visibilité
Section intitulée « Paramètres de visibilité »Les paramètres de visibilité vous permettent de masquer le bloc sur ordinateur ou sur mobile. C’est utile lorsque vous souhaitez des traitements visuels différents selon la taille de l’écran, par exemple une vidéo large sur ordinateur et une alternative plus simple sur mobile. Pour plus de détails, consultez la référence des paramètres de visibilité fournie par la source.
Paramètres de l’éditeur
Section intitulée « Paramètres de l’éditeur »Les paramètres de l’éditeur n’affectent que la façon dont le bloc est nommé dans la barre latérale de l’éditeur. Un titre d’éditeur personnalisé est utile lorsque vous avez plusieurs blocs vidéo et souhaitez les identifier rapidement par emplacement ou par usage.
Notes d’utilisation
Section intitulée « Notes d’utilisation »- Choisissez la bonne source. Utilisez un fichier hébergé lorsque vous souhaitez un contrôle plus précis de la présentation, ou un lien YouTube ou Vimeo lorsque vous préférez gérer la vidéo sur ce service.
- Adaptez la forme à la mise en page. Utilisez les proportions naturelles pour des intégrations simples, et passez à des rapports fixes lorsque vous avez besoin d’une grille plus uniforme ou d’une mise en page responsive plus propre.
- Utilisez les superpositions avec retenue. Ajoutez juste assez de couleur ou de dégradé de superposition pour soutenir l’identité visuelle ou le contraste sans donner à la vidéo un aspect trop sombre ou masqué.
- Concentrez les sous-titres. Un sous-titre court est le plus efficace lorsqu’il explique pourquoi la vidéo est importante ou oriente les spectateurs vers l’information clé.
- Testez sur mobile. Une vidéo en pleine largeur, la lecture automatique et de gros fichiers hébergés peuvent sembler lourds sur les petits écrans, alors vérifiez le bloc sur mobile avant de publier.
- Vérifiez les deux affichages. Les contrôles sur ordinateur et sur mobile peuvent affecter différemment l’alignement, la visibilité et le comportement du média, alors confirmez les deux mises en page avant de terminer.
- Utilisez les remplacements avec intention. Les valeurs vides ou par défaut préservent généralement le style de repli environnant, tandis que des couleurs explicites, des dégradés ou des choix de média distincts pour l’ordinateur et le mobile rendent le bloc plus autonome.
- Vérifiez le comportement e-commerce dans son contexte. Si la vidéo est liée à des actions produit ou panier, vérifiez le produit, la variante, la quantité et la disponibilité sélectionnés afin que les actions configurées correspondent à l’état de la page.