Skip to main content

Branding & theming

Dark/light theme and poster fit.

video

Preview

Props & interactive options

PropTypeDefaultDescriptionTry it
themeurl paramdarkPlayer theme: dark or light.
poster_fiturl paramcontainHow 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

HTML
<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.