Skip to content

Embedding

Every scene has an embed URL. Point an iframe at it and the scene runs in your visitor's browser, drawn frame by frame on a canvas — there is no video to host, no script to add to your page, and nothing that goes stale.

The snippet

Each scene page builds one for you with the size and palette you picked. By hand, it is this:

<iframe src="https://www.bitbackgrounds.com/embed/coastal-dusk" width="640" height="360" style="border:0;max-width:100%" loading="lazy" title="Coastal Dusk — bitbackgrounds"></iframe>

Or, to fill a column of unknown width at the scene's own aspect ratio:

<iframe src="https://www.bitbackgrounds.com/embed/coastal-dusk" style="border:0;width:100%;aspect-ratio:640/360" loading="lazy" title="Coastal Dusk — bitbackgrounds"></iframe>

A live one

This is the first snippet above, running. Hover it to see the credit.

Options

Added to the embed URL as query parameters.

fitcover · contain
Whether the art crops to fill a frame that is not its shape, or letterboxes inside it. Defaults to cover.
themea theme id
The lighting to open on, for a scene that offers alternatives. Pick one on the scene page and the id lands in that page’s address bar.
timelapse1
Run a scene’s themes as a continuous day rather than holding one. Only does anything on a scene that has a cycle.

So Crescent Skyline, letterboxed and held at midnight, is:

https://www.bitbackgrounds.com/embed/crescent-skyline?fit=contain&theme=midnight

The credit

An embed carries a small credit in its bottom corner. It stays out of the way until a pointer crosses the frame, and it links back to the scene it is showing. It is part of the embedded page rather than the snippet you paste, so there is nothing to remember to keep — but please don't cover it or frame it away. That link is the entire price of the 26 scenes.

What it costs your page