Skip to content

🍨Let's talk video infrastructure, Real-Time Video, and gelato. Meet us at re:Invent.🍨

Your player,
built with Mux.

Everything you need to build a beautiful web player for Mux Video — designed for any page and app, all from one platform.

<mux-player
stream-type="on-demand"
playback-id="FuJSYrK0014ec2LPnm11bzC2MAySAQPqA"
metadata-video-title="Tea and Cookies"
metadata-viewer-user-id="user-24601"
></mux-player>
A visualization of the kind of data Mux Data provides. At the top is view counts; below are quality of experience metrics: Overall Viewer Experience, Playback Success, and Startup Time

All the advanced stuff built right in.

If Mux Video and Mux Data are peanut butter and jelly, Mux Player is the bread. It's the best way for your app to savor all of our delicious features. Give Mux Player a playback ID and you've instantly got...

All the advanced stuff built right in.

If Mux Video and Mux Data are peanut butter and jelly, Mux Player is the bread. It's the best way for your app to savor all of our delicious features. Give Mux Player a playback ID and you've instantly got...

<mux-player
stream-type="on-demand"
playback-id="FuJSYrK0014ec2LPnm11bzC2MAySAQPqA"
metadata-video-title="Tea and Cookies"
metadata-viewer-user-id="user-24601"
></mux-player>
A visualization of the kind of data Mux Data provides. At the top is view counts; below are quality of experience metrics: Overall Viewer Experience, Playback Success, and Startup Time

This player? It's an open book.

We built Mux player on open source, which means your player is as flexible as you'd like.

This player? It's an open book.

We built Mux player on open source, which means your player is as flexible as you'd like.

    At the root is <mux-video/> which is your Mux-aware replacement for the HTML5 video tag.
    The controls are built using <media-chrome/> because styling a player should feel like styling HTML.
    We put everything together for you as <mux-player/> so you can have a beautiful player right out of the box.
    If you’re using React, we’ve built a <MuxPlayer/> component, specifically for you to feel right at home — and our web components work great with just about any web framework.
<mux-player
stream-type="on-demand"
playback-id="FuJSYrK0014ec2LPnm11bzC2MAySAQPqA"
metadata-video-title="Tea and Cookies"
metadata-viewer-user-id="user-24601"
></mux-player>
A visualization of the kind of data Mux Data provides. At the top is view counts; below are quality of experience metrics: Overall Viewer Experience, Playback Success, and Startup Time

Don’t like the default style? Customize it with endless UI possibilities.

<mux-player
stream-type="on-demand"
playback-id="FuJSYrK0014ec2LPnm11bzC2MAySAQPqA"
metadata-video-title="Tea and Cookies"
metadata-viewer-user-id="user-24601"
></mux-player>
A visualization of the kind of data Mux Data provides. At the top is view counts; below are quality of experience metrics: Overall Viewer Experience, Playback Success, and Startup Time
<mux-player
stream-type="on-demand"
playback-id="FuJSYrK0014ec2LPnm11bzC2MAySAQPqA"
metadata-video-title="Tea and Cookies"
metadata-viewer-user-id="user-24601"
></mux-player>
A visualization of the kind of data Mux Data provides. At the top is view counts; below are quality of experience metrics: Overall Viewer Experience, Playback Success, and Startup Time
The modernity of the UI and API for mux-player is really what attracts us. It drops into our Vue project perfectly.
Drew
Engineering lead of Live & Community
I’ve spent 100s of hours building custom video player/infrastructure and we are tossing it all in the bin in favor of @MuxHQ's freaking fantastic player and service.
@jhooks
I’m so pumped that @MuxHQ has finally made the streaming video player of my web dev dreams. This thing rules.
@stolinski

This isn't our first rodeo

Mux Player was built by the humans who brought you Video.js, contributed to Dash.js, and worked on many of the commercial players you see every day.

Mux Player was built for developers, by the developers that brought you, well, Mux. We bring the same level of developer experience obsession to our player as we do to the rest of our infrastructure, so you’ll get the great documentation and support Mux is known for.

Read the docs

Better video infrastructure, now at your fingertips.

Try Mux free and enjoy an additional $20 in Mux credits.