---
title: "Mux Video — Framer component · Best of Framer"
description: "$3.00 · Framer component · by NorthGarden · Players. Drop Mux video into any Framer site with full control over playback, UI, and interaction."
canonical: "https://framer.elliotli.dev/component/mux-video"
---

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

# Mux Video

Customizable Mux video player

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

![Mux Video preview image 1](https://framer.elliotli.dev/og/component/mux-video/70dcad8ae19ff21f/1600x1200.jpg)

## Summary

Drop Mux video into any Framer site with full control over playback, UI, and interaction.

## Description

Drop Mux video into any Framer site with full control over playback, UI, and interaction.

Paste a Mux Playback ID for adaptive streaming, or upload an MP4/WebM/MOV as a fallback when no Mux ID is set. Auto posters pull from Mux thumbnails, or use your own image. Style the player with aspect ratio, fit, radius, colors, and per-control visibility.

Built for marketing and product sites: hover-to-play previews, click-to-open modal lightbox, autoplay/loop/muted options, and optional Mux Data analytics. Desktop interactions stay out of the way on mobile.

A fully configurable Mux Player for Framer.

**Source & media**

-   Mux Playback ID
    
-   Fallback video file (MP4, WebM, MOV)
    
-   Auto poster from Mux thumbnails, or manual poster image
    
-   Video title / metadata title
    

**Layout & style**

-   Aspect ratio: Fill, 16:9, 4:3, 1:1, or custom
    
-   Object fit: Cover or Contain
    
-   Corner radius
    
-   Background color
    
-   Accent, primary, and secondary player colors
    

**Playback**

-   Autoplay
    
-   Muted
    
-   Loop
    
-   Start time
    
-   Volume
    

**Controls**

-   Show / hide all controls
    
-   Play button
    
-   Live button
    
-   Seek backward / seek forward
    
-   Mute button
    
-   Captions
    
-   AirPlay
    
-   Picture-in-Picture
    
-   Fullscreen
    
-   Cast
    
-   Playback speed
    
-   Volume range
    
-   Timeline
    
-   Time display
    
-   Duration display
    
-   Quality / rendition menu
    
-   Loading indicator
    
-   Error dialog
    

**Interactions**

-   Hover play (desktop) with custom hover start time
    
-   Click-to-open modal lightbox with adjustable modal width
    
-   Pause when scrolled out of view
    
-   Mobile-safe: hover play and modal disabled on coarse pointers
    

**Analytics**

-   Optional Mux Data with environment key
    

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

-   All · #3398

## Details

- **Author**: NorthGarden
- **Price**: $3.00
- **Published**: 2026-07-30
- **Updated**: 2026-11-04
- **Added**: 2026-07-30
- **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
-   [Resonance Stem Bench](/component/resonance-stem-bench) — Wuren Studio · $13 — Hear the parts, shape the mix