---
title: "Modern Frosted Video — Framer component · Best of Framer"
description: "$7.00 · Framer component · by Sirrah Space · Players. Elevate your website's media experience with the Modern Frosted Video."
canonical: "https://framer.elliotli.dev/component/modern-frosted-video"
---

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

# Modern Frosted Video

Premium Glassmorphism Video Player

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

![Modern Frosted Video preview image 1](https://framer.elliotli.dev/og/component/modern-frosted-video/5912f7b9878ee9cc/1600x1200.jpg)

## Summary

Elevate your website's media experience with the Modern Frosted Video.

## Description

Elevate your website's media experience with the **Modern Frosted Video**. Unlike the default browser video player, this component offers a fully customizable, aesthetic interface designed to blend seamlessly with modern web designs.

It features a beautiful "frosted glass" control bar that fades away when not in use. Beyond looks, it is packed with advanced functionality including drag-to-seek, volume sliders, playback speed control (0.5x to 2x), and Picture-in-Picture mode, giving your users complete control over their viewing experience.

**Key Features:**

-   💎 **Glassmorphism UI:** Customizable blur and opacity for a premium, native-app feel.
    
-   ⏩ **Speed Control:** Built-in menu to adjust playback speed from 0.5x up to 2x.
    
-   🖼️ **Picture-in-Picture:** Allows users to float the video while scrolling or switching tabs.
    
-   🎛️ **Smart Controls:** Custom progress bar with buffer visualization and smooth volume slider.
    

**How to Use**

1.  **Insert:** Drag the component onto your canvas.
    
2.  **Source:** Upload your **Video** file (MP4/WebM) and a **Poster** image (thumbnail shown before play).
    
3.  **Styling:** Adjust the **Glass Blur** and **Glass Opacity** to fine-tune the control bar's background. Set the **Accent Color** for the progress bar and icons.
    
4.  **Behavior:** Toggle **Autoplay**, **Loop**, or **Muted** based on your needs (e.g., mute autoplay for hero backgrounds).
    
5.  **Controls:** Keep **Native Controls** set to "Custom" (Off) to use the glass UI, or switch it to "Show" if you prefer the default browser controls.
    

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

-   All · #10015

## Details

- **Author**: Sirrah Space
- **Price**: $7.00
- **Published**: 2026-01-17
- **Updated**: 2026-07-26
- **Added**: 2026-01-02
- **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.