Basic Usage

Note

HLS is the default playback format for imgix video (opens new window) and the ix-video player.

HLS video playback leverages adaptive bitrate streaming (ABS) technology to deliver the smooth video quality in the quickest time possible.

First import the component:

import {IxVideo} from '@imgix/ix-video';

We recommend you do this in the root of your application so that the custom elements are registered for the entire application.

Then, use the ix-video custom element and set the source attribute to the source URL of the video:

<template>
  <ix-video
    controls
    source="https://assets.imgix.video/videos/girl-reading-book-in-library.mp4"
  ></ix-video>
</template>

And you're ready to go 🎉.