DAWN: Vidéo Liquid Personnalisé

[Mazamarte]

Bonjour,

J'ai intégré une video sur ma page d'accueil et je souhaiterais que celle-ci soit de la même dimension que les bannières en dessous. mazamarte.com

Pourriez-vous m'aider à réaliser cela ?

Voici le code existant :

<video playsinline="" muted="" loop="" autoplay="" width="100%" src="https://cdn.shopify.com/s/files/1/0267/0736/1854/files/VL_SITE_P1.mp4?v=1639044955"></video>

[Armelle · Accepted solution]

Bonjour @Mazamarte !

J'aimerais tout d'abord, noter que bien que j'aime travailler avec des codes très simples parfois, je ne suis en aucun cas, experte en la matière. Ceci dit, je vais vous donner des conseils et ressources pour avoir la meilleure solution pour votre objectif. 

Si je comprends bien, vous ne voulez pas que la vidéo prenne la largeur complète de la fenêtre, mais qu'elle est plutôt, une plus petite dimension, semblable à la section en dessous de celle-ci, n'est-ce pas? Comme l'image en bas?

J'ai copié votre code, dans mon thème Dawn et j'y ai appliqué quelques modifications pour avoir ce résultat ci-haut. Pour trouver la valeur de la largeur en pourcentage appropriée, j'ai fait quelques essais. Pour moi, 92% était la meilleure valeur. Pour centrer la vidéo aussi, j'ai ajouté une ligne de code avant la vôtre. Si c'est ce que vous voulez comme résultat, utilisez plutôt ce code en bas. 

<div class="center">
<video playsinline="" muted="" loop="" autoplay="" width="92%" src="https://cdn.shopify.com/s/files/1/0267/0736/1854/files/VL_SITE_P1.mp4?v=1639044955"></video>

Notez que ce code fonctionne très bien en format d'ordinateur, mais, avec l'ajustement réactif du thème, le résultat n'est pas aussi beau sur la version mobile. En effet, voici ce que ça donne.

À cause de cela, je crois que c'est mieux de garder les dimensions de votre vidéo à 100%. En regardant votre boutique, je trouve que cette dimension est plus appropriée, car il n'y a pas d'espaces blancs inutiles et nous sommes plus attirés et concentrés sur la vidéo ainsi. 

Mais si vous voulez toujours changer les dimensions de cette vidéo, je vous conseille de communiquer avec notre assistance par email pour envoyer une requête de personnalisation de thème. N'oubliez pas de spécifier que vous souhaitez ce résultat pour votre version mobile aussi (vous pouvez envoyer le lien de ce forum).

En effet, si vous utilisez un thème gratuit Shopify (comme Dawn) et que vous utilisez le forfait Basic ou supérieur, vous avez droit à un total de 60 minutes de temps de conception avec notre équipe spécialisée aux thèmes. Cette équipe pourra vérifier votre compte et voir si c'est une requête que notre équipe spécialisée aux thèmes pourra effectuer pour vous. 

Si elle ne fait pas partie de la liste de conceptions offertes par notre équipe ou si vous utilisez un thème payant, il faudra plutôt que vous embauchiez un expert en développement. Ce lien est en anglais seulement, mais vous pouvez filtrer vos résultats afin de trouver des experts francophones.

Autrement, votre boutique est géniale et je vous en félicite! Je ne sais pas si vous avez remarqué, mais, à la version anglaise de votre page ''À propos'', il y a un paragraphe français. Ce serait une bonne idée de vérifier, dans votre application de traduction, s'il y a quelque chose à régler là. Regarder le reste de la boutique pour d'autres erreurs de traduction serait aussi une bonne idée. Si vous avez d'autres questions, faites-m'en part!