How to embed a VideoBB video on your website

Copy the iframe, make it responsive at 16:9 or 9:16, and control autoplay, mute, loop and start time. Covers privacy, quality and videos that will not embed.

To embed a VideoBB video, open it, press Share, then Embed, and paste the iframe into your page. Wrap it in a box with a fixed aspect ratio so it fits every screen, and add options like autoplay or a start time to the link.

Copy the embed code

The Share button builds the code for you. It works on any public video that allows embedding.

Steps in the Share window

Open the video on VideoBB.
Press Share, then Embed.
Tick any options you want: start at the current time, autoplay (muted) or loop.
Press Copy embed code and paste it into your page's HTML.

What the code looks like

<iframe src="https://videobb.com/embed/VIDEO_ID" width="640" height="360" frameborder="0"
  allow="autoplay; fullscreen; picture-in-picture" allowfullscreen loading="lazy" title="Video title"></iframe>

The title tells screen readers what the frame holds, so keep it. The loading="lazy" part means the player only loads when a reader scrolls near it.

Make the player responsive

A fixed 640 by 360 frame is too wide for a phone. Put the iframe inside a box that keeps its shape at any width. This also stops the page from jumping as it loads.

Landscape videos (16:9)

<div style="aspect-ratio:16/9;width:100%">
  <iframe src="https://videobb.com/embed/VIDEO_ID" style="width:100%;height:100%;border:0"
    allow="autoplay; fullscreen; picture-in-picture" allowfullscreen loading="lazy" title="Video title"></iframe>
</div>

Shorts and vertical videos (9:16)

<div style="aspect-ratio:9/16;width:100%;max-width:360px">
  <iframe src="https://videobb.com/embed/VIDEO_ID" style="width:100%;height:100%;border:0"
    allow="autoplay; fullscreen; picture-in-picture" allowfullscreen loading="lazy" title="Video title"></iframe>
</div>

The max-width keeps a tall video from filling a whole desktop screen. Our guide to responsive video embeds covers older browsers and other layouts.

Control playback with parameters

Add options to the end of the embed link after a ?. Join two or more with &.

Parameter	Effect
`?autoplay=1`	Starts playback when the page loads. The player mutes itself, because browsers only allow muted autoplay.
`?muted=1`	Starts with the sound off.
`?loop=1`	Plays the video again when it ends.
`?t=90`	Starts at 90 seconds.

Start at a set time

The t value is always in seconds. To start at 2 minutes 30, use t=150. For example: /embed/VIDEO_ID?t=150&muted=1.

Autoplay and sound

Browsers block videos that start with sound on their own. That is why autoplay=1 always starts muted. Viewers can turn the sound on with one tap. Read how browser autoplay rules work for the full picture.

Privacy, quality and branding

Privacy: the embedded player sets no third-party cookies and shows no ads.
Quality: the player follows the viewer's connection. Premium viewers signed in to VideoBB also get 1440p and 4K inside embeds.
Branding: a small VideoBB mark sits in the corner and links back to the video's page.
Captions: if the video has captions, viewers can turn them on in the player.

If the embed does not show

An embed shows "This video is unavailable" in three cases:

The video is private. Change it to public or unlisted in the studio.
The creator turned off Allow embedding for that video.
The video is still encoding. Wait until it plays on VideoBB, then reload your page.

The help article on embedding a video on your own site has more fixes. Developers who want oEmbed or the full parameter list can read the developer reference.