Video Lightbox Popup

What it does

The video lightbox keeps video off your page until someone actually asks for it. A thumbnail with a play badge sits in the content; tap it and the video opens big, centered, over a dimmed page. Your page stays light; the video stays optional.

• Nothing loads until the click, so your page stays fast.
• No autoplay, ever; the visitor presses play themselves.
• The poster reserves its exact space, so the page never shifts while it loads.
• While it's open, the page behind holds still; close it and you're exactly where you left off.
• Less-motion visitors get a simple fade instead of any zoom.
• No video configured means the block doesn't render.

How it works

1. 01

   Pick the trigger, a poster image with a play badge or a plain Watch the video button.

2. 02

   Pick the overlay, plain dark or softly blurred.

3. 03

   Copy the prompt, one paste-ready block for your AI, into whichever AI you use.

4. 04

   Point the marked spot at your video and give it a real poster image, a frame that sells the click.

5. 05

   Test the flow: click to open, press play yourself, then close with Escape and land back at the trigger, focus and all.

6. 06

   Check a phone too: the player should use nearly the full width, with the close button easy to hit.

What you can customize

• Thumbnail: the poster image sells the video with a frame from it; the plain button suits text-heavy pages.
• Overlay style: dark is the classic cinema dim; blurred keeps a ghost of your page visible behind, gracefully falling back to plain dark on older browsers.
• Sizing, corners, and controls adapt to your site automatically, because your AI builds the lightbox right inside your own design, corner to corner.

For a live broadcast rather than a recorded video, use our design to embed a live stream on your website.

To show several videos at once, use a gallery of your latest videos.