
Product
Introducing Socket Fix for Safe, Automated Dependency Upgrades
Automatically fix and test dependency updates with socket fix—a new CLI tool that turns CVE alerts into safe, automated upgrades.
@mux/mux-player-react
Advanced tools
Mux Player recently released 3.0. The most visible change in this is new tooltips that are enabled by default, as well as other fixes and changes.
For changes relating to the previous major release, 2.0, see the V1 to V2 upgrade guide and the blog post announcement.
<MuxPlayer />
is a Mux-flavored React video player component, built on top of our mux-player web component and Media Chrome.
npm install @mux/mux-player-react
or
yarn add @mux/mux-player-react
import MuxPlayer from '@mux/mux-player-react';
<MuxPlayer
playbackId="DS00Spx1CV902MCtPj5WknGlR102V5HFkDe"
metadata={{
video_id: 'video-id-123456',
video_title: 'Bick Buck Bunny',
viewer_user_id: 'user-id-bc-789',
}}
/>;
Defer loading of Mux Player by importing from @mux/mux-player-react/lazy
.
import MuxPlayer from '@mux/mux-player-react/lazy';
<MuxPlayer
loading="viewport"
playbackId="DS00Spx1CV902MCtPj5WknGlR102V5HFkDe"
metadata={{
video_id: 'video-id-123456',
video_title: 'Bick Buck Bunny',
viewer_user_id: 'user-id-bc-789',
}}
/>;
If you are generating your pages with a Node.js server (for example, Next.js), consider using @mux/mux-player-react/lazy
with @mux/blurhash
to generate a placeholder to display during loading.
Docs and guides live on docs.mux.com.
API reference lives on Github.
FAQs
An open source Mux player for React that Just Works™
The npm package @mux/mux-player-react receives a total of 134,297 weekly downloads. As such, @mux/mux-player-react popularity was classified as popular.
We found that @mux/mux-player-react demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Automatically fix and test dependency updates with socket fix—a new CLI tool that turns CVE alerts into safe, automated upgrades.
Security News
CISA denies CVE funding issues amid backlash over a new CVE foundation formed by board members, raising concerns about transparency and program governance.
Product
We’re excited to announce a powerful new capability in Socket: historical data and enhanced analytics.