LumiPlayer
A theme aware, glass style video player that supports light/dark videos, buffering indicator, autoplay, custom controls, responsive layout, and full styling options.
Make it with Workshop
Build your own component with AI
LumiPlayer is a premium, theme-aware video player built for @framer. It blends a modern glass UI with robust playback features perfect for product pages, hero media, portfolios, and marketing sites. Upload a single video or separate light / dark theme videos; LumiPlayer auto-switches based on the page theme. Controls are customizable (colors, icons, radius), include accessibility support, and a sleek buffering indicator so viewers always know playback state.
Responsive and easy to use drag it onto your canvas, upload video files from the right-side panel, and fine-tune everything without writing code.
Key Features
Theme aware playback — upload separate light/dark videos or a single universal file; switches automatically.
Glass effect — blurred, translucent control bar that looks premium on any background.
Buffering indicator — clear visual spinner and progress hint when loading or buffering.
Autoplay & loop settings — toggle autoplay, loop, and mute defaults.
Styling controls — control background color, icon color, border radius, shadow on/off.
Performance focused — optimized lazy loading, adaptive sized video element, and lightweight code.
Accessibility — keyboard controls (space to play/pause, arrow keys to seek), visible focus states, and ARIA attributes.
Mobile-ready — responsive layout, touch-friendly controls and gestures.
Buffer-safe seeking — prevents jumpy seeks while buffering and shows buffered ranges.
Cross-browser friendly — plays MP4 & WebM with graceful fallback.
