Branding et thèmes

Thèmes dark, light et colorful avec logo personnalisé.

audio

Aperçu

Props & options interactives

Prop	Type	Défaut	Description	Essayer
theme	url param	colorful	Thème du player : sombre, clair, coloré.
show_logo	url param	1	Afficher le logo du workspace.

Documentation

Trois thèmes intégrés : dark, light et colorful (qui extrait la couleur dominante de la pochette et applique un fond flouté). Ajoutez un logo personnalisé ou utilisez le branding Videas par défaut.

Code

<iframe
  id="videas-019dcfae-f45e-74ab-b9e5-95717151c5b7"
  src="https://app.videas.com/embed/019dcfae-f45e-74ab-b9e5-95717151c5b7/?theme=colorful&show_logo=1"
  width="100%" height="200"
  frameborder="0" allowfullscreen
></iframe>
<script>
window.addEventListener('message', function(e) {
  if (e.data && e.data.type === 'videas:embed:resize') {
    var f = document.getElementById('videas-' + e.data.embedId);
    if (f) f.style.height = e.data.height + 'px';
  }
});
</script>

Questions fréquentes

Comment le thème <code>colorful</code> choisit-il ses couleurs ?

Le player extrait la couleur dominante de la pochette du morceau et l'utilise pour teinter le fond (avec un effet de flou) et les contrôles. Chaque morceau obtient ainsi une identité unique sans aucune configuration manuelle.

Puis-je remplacer les thèmes par mes propres couleurs de marque ?

Oui. Les thèmes personnalisés du player se configurent dans la section <strong>Branding</strong> du dashboard, où vous choisissez une couleur primaire et secondaire. Les thèmes personnalisés écrasent les thèmes intégrés sur chaque embed.

Quel format de logo fonctionne le mieux sur le player audio ?

Un PNG transparent ou un SVG avec un petit côté d'environ 80 px s'affiche proprement à toutes les tailles. Le SVG est recommandé car il reste net sur les écrans HiDPI et conserve un poids de player réduit.