Introduction

<ix-player> is the official imgix video player web component that works anywhere.

The player UI is built on Media Chrome and <ix-video> drives the core video logic used to play videos.

Installation

npm install @imgix/ix-player

or

yarn add @imgix/ix-player

Usage

<style>
  ix-player {
    display: block;
    width: 100%;
    margin: 1rem 0 2rem;
    background-color: #000;
    line-height: 0;
  }

  ix-player:not([audio]) {
    aspect-ratio: 16 / 9;
  }
</style>

<ix-player
  src="https://assets.imgix.video/videos/alexa_ski_big_bear_mountain.MOV?fm=hls"
  type="hls"
  gif-preview
  poster-params="video-thumbnail-time=2"
></ix-player>

Docs

API reference lives on Github.