Branding & themes
Dark, light, and colorful themes with custom logo.
Preview
Props & interactive options
| Prop | Type | Default | Description | Try it |
|---|---|---|---|---|
| theme | url param | colorful | Player theme: dark, light, colorful. | |
| show_logo | url param | 1 | Show workspace logo. |
Documentation
Three built-in themes: dark, light, and colorful (which extracts the dominant color from the cover art and applies a blurred background). Add a custom logo or use the default Videas branding.
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>Frequently asked questions
How does the <code>colorful</code> theme pick its colours?
The player extracts the dominant colour from the track's cover art and uses it to tint the background (with a blur effect) and the controls. This gives every track a unique identity without any manual configuration.
Can I override the themes with my own brand colours?
Yes. Custom player themes are configured in the <strong>Branding</strong> section of the dashboard, where you pick a primary and secondary colour. Custom themes override the built-in ones on every embed.
What logo image works best on the audio player?
A transparent PNG or SVG with a short edge of ~80 px renders cleanly at every size. SVG is recommended because it stays sharp on HiDPI screens and keeps the player payload small.