Embedding Your Videos

Learn how to add VideoBloom players to any platform with our optimized embedding guides.

Universal IFrame Embed

The simplest way to embed VideoBloom on any website is using our universal iframe code. Copy the code below and paste it into your HTML.

<div class="videobloom-container">
  <iframe 
    src="https://stackbloom.io/video/embed/YOUR_VIDEO_ID" 
    width="100%" 
    height="100%" 
    frameborder="0" 
    allow="autoplay; fullscreen; picture-in-picture" 
    allowfullscreen
    style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"
  ></iframe>
</div>

<style>
  .videobloom-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    border-radius: 12px;
  }
</style>

Key Parameters:

autoplay=1

Start playing automatically (muted by default to comply with browser policies).

controls=0

Hide player controls for a cleaner, cinematic look on landing pages.

Domain Security

Protect your videos by whitelisting specific domains. This prevents others from stealing your bandwidth and embedding your content on unauthorized sites.

API Reference

Control your player programmatically using our JavaScript SDK. Trigger actions on play, pause, or end to sync with your site's custom logic.