Branding & theming
Dark/light theme and poster fit.
Preview
Props & interactive options
| Prop | Type | Default | Description | Try it |
|---|---|---|---|---|
| theme | url param | dark | Player theme: dark or light. | |
| poster_fit | url param | contain | How the poster image fits. |
Documentation
Make the player match your brand identity. Two built-in themes are available for video: Dark (default) and Light. Poster fit controls how the thumbnail fills the player before playback: Contain keeps the full image visible, Cover fills the frame and crops the edges. Try the options above to preview each combination.
Code
<div style="padding:56.25% 0 0 0;position:relative;">
<iframe
src="https://app.videas.com/embed/019dcf5b-0c22-731c-8e3c-d24264812bd5/?show_chapters=0&theme=dark&show_logo=0&poster_fit=cover"
width="100%" height="100%"
frameborder="0" allowfullscreen
allow="autoplay; fullscreen; picture-in-picture"
style="position:absolute;top:0;left:0"
></iframe>
</div>Frequently asked questions
Can I use my own brand colours instead of a built-in theme?
Yes — you can create custom player themes in the <strong>Branding</strong> section of the dashboard and pick a primary and secondary colour for the control bar, progress bar, and overlays. The two built-in video themes (Dark, Light) are shipped as sensible defaults, but a custom theme always takes priority.
When should I choose <code>cover</code> versus <code>contain</code>?
<code>contain</code> guarantees the whole thumbnail stays visible (black bars appear if aspect ratios differ) — best for posters with edge-aligned text or faces. <code>cover</code> fills the entire frame and crops the edges — best for atmospheric backgrounds where a bit of cropping is acceptable.
Does the theme also apply to overlays and the settings panel?
Yes. Changing the theme updates the control bar, the settings panel, chapters, subtitles, overlays and even the error states — everything remains visually consistent without any extra configuration.