---
title: "Video Ring — Free Framer component · Best of Framer"
description: "Free Framer component · by BuiltByKern · Players. Video Ring is a BuiltByKern micro hero controller: your video fills the frame while a circular play/pause control tracks progress on a radial ring."
canonical: "https://framer.elliotli.dev/component/video-ring"
---

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

# Video Ring

Video with a floating play/pause

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

![Video Ring preview image 1](https://framer.elliotli.dev/og/component/video-ring/d857520b1a2bac1c/1600x1200.jpg)

## Summary

Video Ring is a BuiltByKern micro hero controller: your video fills the frame while a circular play/pause control tracks progress on a radial ring.

## Description

Video Ring is a BuiltByKern micro hero controller: your video fills the frame while a circular play/pause control tracks progress on a radial ring. Autoplay, loop, and mute when you need them; pause when offscreen or the tab is hidden. Fit cover/contain/fill, corner placement, blur glass button, and a keyboard focus accent. Canvas-safe static progress and reduced-motion aware. Zero external packages beyond Framer. Desktop click/tap is the product — no auto-demo.

## Categories / tags

Components · Video · Media · Interaction · Hover · Motion · Hero

## Features

-   Floating play/pause control with radial timeline ring
    
-   Progress from `currentTime` / `duration` (smooth, no janky re-renders)
    
-   Autoplay / loop / muted + pause offscreen / tab hidden
    
-   Object prop groups: Media · Playback · Appearance · Control
    
-   Corner placement + inset · Fit · blur glass · veil
    
-   Keyboard focus accent · play/pause labels · `aria-pressed`
    
-   Canvas / export static preview + reduced-motion safe
    
-   Zero external dependencies beyond Framer
    
-   No Auto Demo — interaction is the product
    
-   BuiltByKern
    

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

-   All · #2365

## Details

- **Author**: BuiltByKern
- **Published**: 2026-08-01
- **Updated**: 2026-10-08
- **Added**: 2026-08-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.