Créer et personnaliser un thème de lecteur

Nouveau sur Videas ? Commencez par Premiers pas : tour de l’interface.

Un lecteur vidéo aux couleurs de votre marque, avec votre logo bien placé, fait la différence sur une page corporate ou un site de campagne. Videas vous permet de personnaliser l’apparence du lecteur (couleur principale, thème clair/sombre, logo) puis de sauvegarder la configuration comme préréglage réutilisable. Une fois marqué par défaut, le préréglage s’applique automatiquement à tout nouvel embed — votre charte graphique se diffuse sans intervention manuelle. Ce guide se concentre sur l’aspect branding ; pour la procédure générale des préréglages, voir aussi Personnaliser le lecteur vidéo par défaut.

Précision terminologique : dans Videas, l’équivalent d’un “thème de lecteur” se gère via les préréglages d’embed — il n’y a pas de page Thèmes séparée. Toutes les options visuelles (couleurs, logo, thème clair/sombre) se configurent et se sauvegardent comme un préréglage que vous pouvez ensuite appliquer en un clic sur n’importe quel embed.

Prérequis

• Un espace de travail Videas (voir Créer votre espace de travail)
• Le rôle Admin sur l’espace (ou sur l’organisation si vous voulez créer un préréglage organisation)
• Idéalement, votre HEX de couleur de marque et une version PNG transparente de votre logo

Ce que vous allez apprendre

• Accéder à l’éditeur de préréglage du lecteur (par 2 entrées)
• Personnaliser les couleurs (couleur principale, thème clair/sombre, thème audio)
• Configurer le logo (position, opacité, URL au clic)
• Sauvegarder votre configuration comme préréglage (scope espace ou organisation)
• Appliquer le préréglage par défaut à tout nouvel embed
• Adapter votre stratégie selon 3 cas d’usage (corporate, événement, multi-marques)

Étape 1 : Accéder à l’éditeur de préréglage

Deux entrées équivalentes selon votre point de départ.

Entrée A — Paramètres de l’espace de travail

1. Ouvrez les Paramètres de votre espace
2. Onglet Lecteur
3. Cliquez sur Créer un préréglage ou ouvrez un préréglage existant

C’est l’entrée canonique quand vous voulez créer un préréglage en partant de zéro. Voir Personnaliser le lecteur vidéo par défaut pour le détail de l’écran.

Entrée B — Page Développeur d’un média

1. Ouvrez la fiche d’un média (vidéo, image, document, collection)
2. Onglet Développeur
3. Modifiez les options visuelles dans l’aperçu en direct
4. Cliquez sur Enregistrer comme préréglage dans la grille des préréglages

C’est l’entrée pratique quand vous voulez expérimenter visuellement avant de figer le préréglage. L’aperçu en direct vous permet de voir le rendu pendant que vous ajustez.

Étape 2 : Personnaliser les couleurs

Section Apparence de l’éditeur de préréglage.

Couleur principale

Color picker (sélecteur de couleur HEX) pour la couleur d’accent du lecteur :

• Boutons d’action (lecture, pause, plein écran…)
• Barre de progression et son curseur
• Icônes actives et hover

Saisissez le HEX exact de votre marque. Exemples :

• #1A73E8 (bleu Google-like)
• #E63946 (rouge corporate)
• #3CB371 (vert éco)

Bouton Réinitialiser : revient à la couleur par défaut Videas.

Thème clair / sombre

Pour les lecteurs vidéo, collection, document : un sélecteur Sombre (par défaut) / Clair. Le thème détermine le fond du lecteur (et indirectement la lisibilité du logo et des contrôles).

Thème audio (3 choix)

Le lecteur audio a son propre sélecteur de thème, plus riche :

• Clair : fond blanc, contrôles sombres
• Sombre : fond noir, contrôles clairs
• Coloré : extrait une couleur dominante de la pochette du média et l’applique au fond — look “Spotify-like”

Une option supplémentaire Couleur d’accent permet de personnaliser la forme d’onde et les éléments interactifs.

Conseils

• Contraste : assurez-vous d’un contraste suffisant entre la couleur principale et le fond du thème (clair ou sombre). Une couleur claire sur fond clair = invisible.
• Cohérence : la couleur principale doit matcher la couleur d’accent de votre site web (CTA, liens, boutons). Le visiteur doit ressentir une continuité visuelle entre la page et le lecteur.

Étape 3 : Configurer le logo

Section qui apparaît quand vous activez le toggle Afficher le logo. Plusieurs sous-options se révèlent (vidéo uniquement — sur les images et documents, le logo est automatiquement positionné en bas-droite).

Position

4 choix de coin :

• Haut-gauche
• Haut-droite
• Bas-gauche
• Bas-droite (défaut, position TV/streaming la plus courante)

Conseil : privilégiez le bas-droite par défaut, qui correspond à la convention TV / streaming. Évitez le haut-gauche qui peut interférer avec un éventuel chevron de navigation côté lecteur.

Opacité

Slider de 0 % à 100 %. La position naturelle se situe entre 60 % et 80 % pour un effet discret mais visible.

URL au clic

Champ texte. Saisissez l’URL externe (par exemple https://www.exemple.com) qui s’ouvrira au clic sur le logo. Idéal pour rediriger vers votre site, votre LinkedIn, votre page produit.

Conseils sur le logo

• Format : PNG transparent ou SVG, idéalement monochrome (blanc pur sur thème sombre, noir pur sur thème clair)
• Taille : Videas redimensionne automatiquement, mais un fichier trop chargé en détails sera illisible à petite taille — préférez une version simplifiée ou monochrome de votre logo
• Lisibilité : testez sur plusieurs vidéos différentes (plans clairs, plans sombres) pour vous assurer que le logo reste lisible

Étape 4 : Sauvegarder comme préréglage

Une fois la couleur, le thème et le logo configurés, sauvegardez la configuration pour la rendre réutilisable.

1. Cliquez sur Enregistrer comme préréglage
2. Une boîte de dialogue s’ouvre
3. Renseignez :

Validez : le préréglage apparaît dans la liste, avec un badge étoile orange s’il est défini par défaut.

À retenir : changer le préréglage par défaut ne modifie pas les anciens embeds (ils gardent leur configuration). Mais tout nouvel embed créé après le changement utilisera le nouveau défaut. Cohérence à venir, pas refonte du passé.

Étape 5 : Appliquer le thème sur les embeds

Sur tout nouvel embed

Si votre préréglage est marqué par défaut, il est appliqué automatiquement dès qu’un utilisateur ouvre la modale Intégrer pour un nouveau média. Aucune action manuelle requise.

Sur un embed existant

Pour appliquer rétroactivement un préréglage à un embed déjà publié sur votre site :

1. Ouvrez la modale Intégrer sur le média concerné
2. Cliquez sur la chip du préréglage dans la section dédiée
3. Recopiez le code (le bandeau orange “Code obsolète” apparaît si vous aviez modifié les options à la main)
4. Mettez à jour le code embed sur votre site

Promotion espace → organisation

Si un préréglage espace se révèle utile pour toute l’organisation (par exemple, votre équipe marketing a créé une charte qui mérite d’être partagée à toutes les filiales) :

1. Allez dans la grille des préréglages
2. Sur la carte du préréglage, ouvrez le menu 3-points
3. Cliquez sur Promouvoir à l’organisation

Le préréglage devient accessible à tous les espaces.

Bonnes pratiques

Une charte = un préréglage par défaut

Plutôt que de re-régler chaque embed à la main, figez votre charte dans un préréglage par défaut. Tous les nouveaux embeds suivront automatiquement la cohérence de marque. C’est l’investissement le plus rentable du suivi visuel.

Cohérence site / lecteur

La couleur principale du préréglage doit matcher la couleur d’accent de votre site (CTA, liens, header). Si votre site est en #E63946 et que votre lecteur Videas est en violet par défaut, la rupture visuelle est immédiate. Une seconde de calibrage évite ce décalage.

Mise à jour lors d’un rebranding

Si votre charte évolue (nouvelle couleur, nouveau logo), modifiez le préréglage par défaut existant : tous les nouveaux embeds suivront automatiquement. Pour les embeds déjà publiés, vous devrez les régénérer un par un (méthode Script automatise le rafraîchissement, méthode iframe nécessite recopie).

Ne pas multiplier les thèmes

3-5 préréglages bien tenus valent mieux que 15 préréglages dont personne ne se souvient à quoi ils servent :

• Un préréglage corporate principal (défaut)
• Un préréglage événementiel (temporaire, à archiver après l’événement)
• Une variante “fond clair” ou “fond sombre” selon le contexte de la page

Au-delà, le risque de confusion l’emporte sur le bénéfice de la finesse.

Tester avec l’aperçu en direct

L’aperçu en direct (page Développeur d’un média) vous évite de pousser un thème mal calibré en production. Toujours vérifier le rendu sur 2-3 vidéos différentes (plans clairs, plans sombres, gros plans, plans larges) avant de marquer un préréglage par défaut.

Cas d’usage concrets

Charte corporate sobre

• Couleur principale : #1A73E8 (bleu corporate)
• Thème : clair (aligné avec votre site corporate blanc)
• Logo : version monochrome bleue, position bas-droite, opacité 75%, URL clic vers la page d’accueil
• Scope : organisation, par défaut sur tous les espaces

Charte événement temporaire

• Couleur principale : couleur de la campagne (par exemple #FF6B35 orange pour un événement “Innovation Days”)
• Thème : sombre pour le côté immersif
• Logo : version dédiée à l’événement, plus visible (opacité 90%), URL clic vers la page de l’événement
• Scope : espace concerné par l’événement
• À archiver après la fin de la campagne (désactiver le défaut, ne pas supprimer pour conserver l’historique)

Multi-marques (groupe avec filiales)

• Un préréglage par marque (Marque-A — couleurs A, Marque-B — couleurs B…)
• Scope : organisation, pour permettre à chaque espace de filiale d’appliquer le préréglage de sa marque sans avoir à le recréer
• Pas de défaut global : chaque espace de filiale définit le sien (le préréglage de sa marque)

Limites

• Le thème porte sur l’apparence du lecteur — il n’est pas incrusté dans la vidéo source. Si vous voulez incruster votre branding dans le fichier vidéo lui-même (pour qu’il survive au téléchargement, par exemple), faites un burn-in d’une mention statique avant import (voir Graver les sous-titres dans votre vidéo (burn-in) pour le principe technique)
• Pas de CSS custom ni de personnalisation au-delà des paramètres exposés dans la modale (couleurs, thème, logo). Pour des intégrations très spécifiques, voir l’API et les options développeur

En résumé

• “Thème de lecteur” dans Videas = préréglage d’embed : la même feature, vue sous l’angle branding
• Accès via Paramètres de l’espace > Lecteur OU Page Développeur d’un média (aperçu en direct + sauvegarder)
• Couleurs : couleur principale (HEX), thème clair/sombre (vidéo), light/dark/colorful + accent (audio)
• Logo : position 4 coins, opacité 0-100% (recommandé 60-80%), URL au clic, format PNG transparent monochrome conseillé
• Sauvegarder comme préréglage avec nom descriptif, scope espace ou organisation, et option Défaut
• Appliquer : automatique sur les nouveaux embeds si défaut, manuel sur les embeds existants ; promotion espace → organisation possible
• Bonnes pratiques : une charte = un préréglage par défaut, cohérence site/lecteur, 3-5 préréglages max, tester avec l’aperçu en direct sur plusieurs vidéos avant de fixer

Articles liés

• Personnaliser le lecteur vidéo par défaut
• Options avancées d’intégration vidéo
• Intégrer une vidéo sur votre site web (embed)
• Configurer les paramètres d’un espace de travail