---
title: "LumiPlayer — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Hamim Reza · Players. Glass video player with theme switching"
canonical: "https://framer.elliotli.dev/component/lumiplayer"
---

[Home](/)/[Components](/components)/[Players](/components/category/players)/LumiPlayer

# LumiPlayer

Glass video player with theme switching

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

![LumiPlayer preview image 1](https://framer.elliotli.dev/og/component/lumiplayer/02d2f24c65c2e245/1600x1200.jpg)

## Summary

Glass video player with theme switching

## Description

A glass-style video player with automatic light and dark theme switching, buffering indicator, and fully customizable controls. Upload separate light and dark videos or a single universal file. Built for product pages, hero media, portfolios, and marketing sites that need a premium playback experience.

## Features

-   Theme-aware playback — auto-switches between light and dark videos
    
-   Single universal video or separate light/dark file support
    
-   Glass effect — blurred translucent control bar
    
-   Buffering indicator with spinner and progress hint
    
-   Autoplay, loop and mute toggle controls
    
-   Buffer-safe seeking — prevents jumpy seeks while loading
    
-   Buffered range display on progress bar
    
-   Keyboard controls — spacebar play/pause, arrow keys seek
    
-   Touch-friendly controls and gestures for mobile
    
-   Adjustable background color, icon color, border radius, shadow
    
-   Responsive layout across all screen sizes
    
-   MP4 and WebM support with graceful fallback
    
-   ARIA attributes and visible focus states for accessibility
    
-   No code needed — all controls in Framer panel
    

## Property Controls

**Video** — light video upload, dark video upload, universal video upload

**Playback** — autoplay, loop, mute defaults

**Styling** — background color, icon color, border radius, shadow toggle

**Theme** — light, dark, auto switching

## Use Cases

Product pages · Hero media sections · Portfolio showcases · Marketing sites · App demos · Brand videos · Course platforms · Interactive presentations

**SEO Keywords**

framer video player · framer glass video · framer video component · framer dark mode video · framer theme video player · framer custom video player · framer video controls · framer media player · framer video hero · framer autoplay video · framer glass component · framer video showcase · framer accessible video · framer code component · framer premium video player

## Customization Options (what appears in the right side panel)

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-qaro3bfj-9lUpHJHfEssuYt7vFaye5WeIfDzwe6)

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

-   All · #8952

## Details

- **Author**: Hamim Reza
- **Price**: $10.00
- **Published**: 2025-10-07
- **Updated**: 2026-04-18
- **Added**: 2025-10-01
- **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.