OMR Reviews
en savoir plus"J'ai enfin trouvé un outil qui me permet d'intégrer des vidéos sur mon site web en conformité avec le RGPD et sans cookies supplémentaires."
Tutoriel
Personnalise ton Player : crée ta propre mise en page
Tu veux que ton player vidéo s'intègre parfaitement au design de ton site ? Avec Ignite, c'est un jeu d'enfant.
Dans ce tutoriel, on te montre comment créer des designs personnalisés avec Ignite. Que ce soit les couleurs ou le branding — fais en sorte que ton player se démarque. Le meilleur ? C'est super simple — aucune compétence technique ou en code requise !
Étape 1 : Personnalise les couleurs de ton Player
Une fois ta vidéo publiée et prête à être intégrée, tu peux personnaliser les couleurs du player. Voici tes options :
- Couleur d'accentuation : Modifie le bouton de lecture et la barre de progression. C'est ta couleur la plus visible.
- Couleur d'arrière-plan : Définit la barre derrière le menu du player, pour garantir la lisibilité sur toutes les vidéos.
- Éléments UI : Personnalise tous les autres boutons et la couleur du texte — sauf le bouton de lecture.
Important : L'accessibilité compte ! Nos couleurs par défaut sont conçues pour un contraste élevé, rendant le player facile à utiliser pour les personnes malvoyantes. Si tu changes les couleurs, veille à maintenir un contraste élevé pour une meilleure lisibilité.
Étape 2 : Ajuste le rapport d'aspect
Le rapport d'aspect, c'est simplement le ratio largeur/hauteur de ta vidéo. Le format classique est le 16:9, mais avec une approche « mobile-first », le 9:16 ou le 4:5 deviennent de plus en plus courants.
Notre player te permet de choisir parmi ces formats populaires : 16:9, 9:16, 4:5, 4:3, 3:4, 1:1
Tu peux aussi activer le mode responsive, qui ajuste automatiquement le player à la taille de son conteneur sur ton site.
Étape 3 : Ajuste le « Video Fit »
Aussi appelé « Video Fit », ce réglage détermine comment ta vidéo se comporte dans le rapport d'aspect du player.
Ça paraît compliqué ? C'est utile quand ta vidéo ne correspond pas au format du player ou quand tu veux qu'elle remplisse tout le player.
Exemple : tu as une vidéo en 16:9, mais ton player est configuré en 1:1 sur ton site.
- « Contain » : La vidéo reste entièrement visible, mais des bandes noires apparaissent en haut et en bas.
- « Fit » : La vidéo remplit le player, centrée, mais rognée à gauche et à droite.
Regarde la capture d'écran ci-dessus pour un exemple visuel.
Info : Contraste des couleurs et accessibilité du Player
Tu as le contrôle total sur les couleurs de ton player — on n'impose aucune restriction. Cependant, on te recommande vivement de prendre en compte l'accessibilité lors du choix de tes couleurs.
Par défaut, le player est conçu pour être accessible. Mais pour maintenir cette accessibilité, assure-toi d'utiliser des combinaisons de couleurs à contraste élevé pour une meilleure lisibilité et ergonomie.
Pour t'aider, un petit indicateur d'accessibilité s'affiche et te donne un retour instantané sur le contraste de tes couleurs.
Crée et gère des designs globaux
Depuis janvier 2025, tu peux créer et gérer des designs globaux pour ton player. Cela te permet de définir un design prédéfini une seule fois, puis de l'appliquer facilement à chaque nouvelle intégration vidéo.
Design et branding entièrement personnalisés ?
Voici les options de personnalisation disponibles avec notre player. Mais tu es aussi libre d'utiliser uniquement notre hébergement vidéo européen et intégrer ton propre player personnalisé.
Dans ce cas, tu peux simplement utiliser les fichiers HLS, les playlists ou les fichiers MP4 que nous fournissons. Cette approche est généralement utilisée pour les projets web plus importants qui nécessitent un contrôle total du design.
