Media Chrome

Add audio and video player controls to websites with Media Chrome custom elements and web components.

github.com/muxinc/media-chrome
Media Chrome homepage screenshot

About Media Chrome

Media Chrome provides custom elements for adding audio and video player controls to websites. Controls are added with HTML tags such as media-controller and media-control-bar, styled with CSS, and work with native video and audio elements as well as players including YouTube and HLS.js.

It publishes React wrapper components for its core elements for use in React. The repository notes that contributors from Media Chrome, Plyr and Vidstack worked on Video.js and suggests it for new projects.

Key features

  • Build player controls with native custom elements
  • Works with and elements directly
  • Works with YouTube, HLS.js and other players
  • Add or remove controls using HTML tags
  • Style controls with CSS
  • Provides React wrapper components for core elements
Best for: Developers who need custom audio or video controls built with web components.
Good for
  • Compatible with React, Angular, Svelte and other frameworks
  • Works with native media elements and third-party players
  • Controls are defined in HTML and styled with CSS
Watch out for
  • Direct use with React can be clunky without the wrapper components

Media Chrome at a glance

Type
Open-source project
Pricing
Not confirmed. Check the site
Open source
Yes · Source code
Language
English
Last checked
Oct 6, 2026 · Online when checked
Listed
Oct 5, 2026

Media Chrome alternatives

Tools and sites you could use instead, ranked by how closely they match.

All 10 alternatives

Query

github.com/TanStack/query

An async state management library for fetching, caching, synchronizing, and updating server state, with TypeScript/JavaScript and React, Solid, Svelte, and Vue packages.

Open source
10 alternatives

Mitosis

mitosis.builder.io

Write components once with Mitosis and compile them for React, Angular, Vue, Svelte, and other frameworks.

React Query

tanstack.com/query/v3

TanStack Query manages asynchronous and server-side state, including fetching, caching, and updating data in applications.

Popular in Frontend Development

Well-known listings from the same topic.

All 29

Media Chrome FAQ

Does Media Chrome work with React?
Yes. Elements can be used directly, but React wrapper components are published for the core elements.
What media sources does it support?
Native video and audio elements, plus players including YouTube and HLS.js.
How are controls added and styled?
Controls are added or removed with HTML tags and styled with CSS.
Is something wrong or out of date?

Tell us and an editor will check it.

Own this website?

Claim the listing and suggest updates yourself. An editor checks every claim first.

Claim this listing