<MuxPlayer/>
# New release: 3.0
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](https://docs.mux.com/guides/player-releases-web#300).
## Previous version: 2.0
For changes relating to the previous major release, 2.0, see the [V1 to V2 upgrade guide](https://github.com/muxinc/elements/blob/main/packages/mux-player/UPGRADING_V1_to_V2.md) and the [blog post announcement](https://www.mux.com/blog/mux-player-2-0-for-web-and-coming-soon-for-ios-and-android).
# Introduction
`` is a Mux-flavored React video player component, built on top of our [mux-player web component](../mux-player) and [Media Chrome](https://media-chrome.org).
# Installation
```shell
npm install @mux/mux-player-react
```
or
```shell
yarn add @mux/mux-player-react
```
# Usage
```jsx
import MuxPlayer from '@mux/mux-player-react';
;
```
### Lazy-loading
Defer loading of Mux Player by importing from `@mux/mux-player-react/lazy`.
```jsx
import MuxPlayer from '@mux/mux-player-react/lazy';
;
```
If you are generating your pages with a Node.js server (for example, [Next.js](https://nextjs.org/docs/basic-features/data-fetching/)), consider using `@mux/mux-player-react/lazy` with [`@mux/blurhash`](https://github.com/muxinc/blurhash) to generate a placeholder to display during loading.
# Docs
Docs and guides live on [docs.mux.com](https://docs.mux.com/guides/video/mux-player?utm_source=github-mux-player).
API reference lives [on Github](./REFERENCE.md).