Skip to main content

Logo overlay

Workspace logo with position, opacity, and click URL.

video

Preview

Props & interactive options

PropTypeDefaultDescriptionTry it
show_logourl param1Show workspace logo.
logo_positionurl paramcontrol_barLogo position: top_left, top_right, bottom_left, bottom_right, control_bar.
logo_opacityurl param0.8Logo opacity from 0 (transparent) to 1 (opaque).
80%

Documentation

Display your workspace logo on top of the player. The logo image is set in the Videas dashboard under your workspace appearance settings. From the embed URL, you can control whether the logo is visible, its position (top-left, top-right, bottom-left, bottom-right, or in the control bar), and its opacity. The logo can also link to a URL when clicked. Use the options above to try different positions and opacity levels in real time.

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&show_logo=1&logo_position=control_bar&logo_opacity=0.8"
    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

What image format should I upload for the logo?

Prefer a <strong>transparent PNG or SVG</strong> with a short edge of ~120 px. SVG is recommended: it stays crisp at any size (fullscreen 4K, PiP mini-window) without bloating the player payload.

Can the logo link to my website?

Yes. A click-through URL is configured alongside the logo image in the workspace appearance settings. When set, hovering the logo shows a pointer cursor and clicking opens the URL in a new tab without interrupting playback.

How do I hide the logo on a specific embed?

Pass <code>show_logo=0</code> in the embed URL. Handy for co-branded pages, partner sites, or when you want a minimalist look. The workspace setting stays untouched and the logo reappears on every other embed.