---
title: "Video Lightbox — Framer component · Best of Framer"
description: "$12.00 · Framer component · by Arafat Hossain · Players. lightbox preview for videos"
canonical: "https://framer.elliotli.dev/component/video-lightbox"
---

[Home](/)/[Components](/components)/[Players](/components/category/players)/Video Lightbox

# Video Lightbox

lightbox preview for videos

[View on Framer](https://framer.com/marketplace/components/video-lightbox/?via=elliot-li)

![Video Lightbox preview image 1](https://framer.elliotli.dev/og/component/video-lightbox/c0ad91f8f10bd8bf/1600x1200.jpg)

## Summary

lightbox preview for videos

## Description

### Latest update- Video URL can be directly fetched from CMS field.

## Core Functionality

This is a comprehensive video player component that supports three video sources: YouTube, Vimeo, and uploaded video files. It displays a thumbnail with a play button overlay that opens videos in a lightbox modal when clicked.

## Multi-platform support

YouTube, Vimeo, and direct file uploads. Automatic thumbnail generation: Automatically generates thumbnails from YouTube, Vimeo, and uploaded videos.

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-cxupyrg4-V6VrFYBIVk7o6sWgPeRyC57lFi2WzN)

**Sources:** YouTube, Vimeo, file uploads

**Thumbnails:** Auto-generated + custom override

**Play Button:** Default SVG or custom image, customizable (color, size, opacity, radius, position)

**Hover Interactions:** Autoplay (off/on/loop), mute/unmute, show/hide controls, fade/scale effects

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-cxupyrg4-n2Gdagj3BtlLvdrUe04JzrJiVG6TD0)

**Lightbox Modal:** Fullscreen overlay, autoplay, 16:9 scaling, ESC/overlay close, scroll lock, close button

**Styling:** Responsive layout, border radius, overlay color, proper scaling/cropping

**Controls Structure:** Organized into Video Source, Play Button, Hover, and Global settings

## Compatibility

Tested with _carousel_, _ticker_, and _slideshow_ components, and it works perfectly with all of them.

[**Demo preview**](https://video-lightbox-component.framer.website)

For any insights or **custom framer component**,

Contact Me: [hello@arafatcreates.com](mailto:hello@arafatcreates.com)

## Rank history [How rankings work →](/terms#rankings)

-   All · #8674

## Details

- **Author**: Arafat Hossain
- **Price**: $12.00
- **Published**: 2025-10-03
- **Updated**: 2026-06-24
- **Added**: 2025-09-29
- **Categories**: Players

## More like this

-   [Cozy Video Card](/component/cozy-video-card) — 日香理 / hikari · $1 — A cozy card for your YouTube video
-   [A/B Audio Player Pro](/component/a-b-audio-player-pro) — Injamul Haque Somrat · $24 — Master Audio Comparison Player
-   [Reelflow](/component/reelflow) — Quaders · Free — An auto video ticker for reels
-   [Mux Video](/component/mux-video) — NorthGarden · $3 — Drop Mux video into any Framer site with full control over playback, UI, and interaction.