# Introduction
`` is a imgix-flavored HTML5 video element.
If you are familiar with using `` + [Hls.js](https://github.com/video-dev/hls.js) in your application, then you'll feel right at home with this web component.
# Installation
If you're using `npm` or `yarn`, install that way:
## Package manager
```
yarn add @imgix/ix-video
```
or
```
npm i @imgix/ix-video
```
Then, import the library into your application with either `import` or `require`:
```js
import '@imgix/ix-video';
```
or
```js
require('@imgix/ix-video');
```
## CDN option
Alternatively, use the CDN hosted version of this package:
```html
```
If you are using ECMAScript modules, you can also load the `ix-video.mjs` file with `type=module`:
```html
```
## Features and benefits
Without `` if you want to use the browser built-in HTML5 video element for playback you would have to wire up [Hls.js](https://github.com/video-dev/hls.js) yourself.
`` will automatically handle recoverable errors that happen during video playback. This is particularly handy for live streams that may experience disconnects.
`` will use the optimal Hls.js settings for imgix Video so you don't have to worry about that. `` will also periodically test new versions of Hls.js and upgrade to known stable versions so you don't have to worry about upgrading to a new version of Hls.js yourself.
## Usage
Loading this library in the browser will register a [custom web component](https://developer.mozilla.org/en-US/docs/Web/Web_Components) for ``.
Now you are free to use this web component in your HTML, just as you would with the HTML5 `
# Introduction
`