Livido / Live examples

Your page.
In motion.

A player that feels at home. A background that sets the scene. A lightbox that gives your video the spotlight. Explore six ways to bring your Livid videos into Stacks.

Standard player

Just press play.

Keep the look you created in Livid. This landscape player adapts to the width of the page, with the full picture on display.

  • Livid player settings
  • Landscape format
  • Responsive width
  • Rounded corners

Your colors. Your logo.

Make it feel like your website.

The same video can wear a different look on every site. Choose your colors, select the controls, and add a logo to this embedding without changing the original video.

A little more you

From everyday coffee
to your own brand.

A warm palette, a portrait player, and a small logo make this example feel like part of the page rather than a separate service.

  • Custom colors and selected player controls.
  • A local logo in the upper-right corner.
  • Portrait format and rounded corners.
  • Logo images can also come from a URL.

Lightbox + Outline

Give your video the spotlight.

A still poster keeps the page quiet. Click the outlined play button to open a large player. Close it to return to the same poster, right where you left off.

Try it: open the video, then use the close button or press Escape.

  • Still poster
  • Outline play button
  • 95% window size
  • Close button at window corner
  • Custom overlay

Lightbox + Circle

A little motion before the main event.

Prefer a moving invitation? A silent preview loop draws the eye, while the full player stays one click away.

Same video. Different experience.

Set the mood.
Then open the story.

This is the same coffee video as above, now shown as a moving lightbox preview with a filled Circle button.

  • The preview loops without sound.
  • Click to open an 80% lightbox.
  • The close button stays with the player.
  • A dark overlay keeps the focus on the video.

Button style, color, size, overlay, and close-button position are set independently for each Livido stack.

Video background

More than a player.

Let the video set the scene while your content takes the lead. Headings, text, buttons, and other stacks remain fully usable above the moving background.

An invitation to slow down

Let your page
make waves.

Give a simple message a little atmosphere. Your video moves quietly in the background. Your content stays in front.

Try the content layer

This is real page content, not part of the video. The background follows the height of its content, while the video fills the area with a centered crop. Use the same space for your own headings, links, or buttons.

  • Muted background loop
  • Content in the dropzone
  • Vertical centering
  • 460 px minimum height
  • Centered crop

Start. End. Repeat.

Only the moment that matters.

You do not always need the whole video. This player starts at 2 seconds and stops at 7, repeating that five-second moment when you press play.

Try it: press Play and watch the selected moment repeat. The player uses the original video's timeline.

  • Start: 2 seconds
  • End: 7 seconds
  • Loop enabled
  • No page-load autoplay