<IxPlayer/>
# Introduction
`` is the official imgix React video player component, built on top of our [ix-player web component](../ix-player) and [Media Chrome](https://media-chrome.org).
# Installation
```shell
npm install @imgix/ix-player-react
```
or
```shell
yarn add @imgix/ix-player-react
```
# Usage
```jsx
import IxPlayer from '@imgix/ix-player-react';
;
```
### Lazy-loading
Defer loading of IxPlayer by importing from `@imgix/ix-player-react/lazy`.
```jsx
import IxPlayer from '@imgix/ix-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 `@imgix/ix-player-react/lazy` with a blurhash library and imgix Video API's `video-generate` parameter to generate a placeholder to display during loading.
# Docs
API reference lives [on Github](./REFERENCE.md).