ImmersiveVideoPlayer

Cinematic, Ambilight-style video player

Bring cinematic magic to your Framer projects. Standard video players feel boxed in. The Immersive Video Player breaks the frame by bleeding the actual colors of your video onto the background in real-time. Inspired by high-end LED backlight setups, this component creates a stunning, dynamic glow that reacts instantly to your media, making your landing pages feel premium and alive. ✨ Key Features: Real-Time Dynamic Glow: Uses a hyper-optimized hidden canvas to sample video frames and project a synchronized, liquid-smooth aura. Flawless Lightbox: Built with React Portals. The expanded video overlay teleports perfectly to the top of the browser—guaranteeing no clipping, z-index bugs, or CSS transform glitches. Zero-Lag Performance: Engineered for a buttery smooth framerate. The visual heavy lifting is done natively via the DOM, keeping your site lightning-fast. Fully Customizable: Tweak the glow strength, blur radius, light spread, overlay opacity, and border radii right from the Framer properties panel. Perfect for: SaaS landing pages, premium portfolio showreels, cinematic product demos, and high-conversion hero sections.

Cinematic, Ambilight-style video player