Hls-video-element NPM

`<hls-video>`

A custom element for hls.js with an API that matches the <video> API.

🏄‍♂️ Compatible HTMLMediaElement API
🕺 Seamlessly integrates with Media Chrome

Example

<script type="module" src="https://cdn.jsdelivr.net/npm/hls-video-element@1.1/+esm"></script>
<hls-video controls src="https://stream.mux.com/r4rOE02cc95tbe3I00302nlrHfT023Q3IedFJW029w018KxZA.m3u8"></hls-video>

Install

First install the NPM package:

npm install hls-video-element

Import in your app javascript (e.g. src/App.js):

import 'hls-video-element';

Optionally, you can load the script directly from a CDN using jsDelivr:

<script type="module" src="https://cdn.jsdelivr.net/npm/hls-video-element@1.1/+esm"></script>

This will register the custom elements with the browser so they can be used as HTML.

Media Chrome Your media player's dancing suit. 🕺
<youtube-video> A custom element for the YouTube player.
<vimeo-video> A custom element for the Vimeo player.
<videojs-video> A custom element for Video.js.
<wistia-video> A custom element for the Wistia player.
<jwplayer-video> A custom element for the JW player.
castable-video Cast your video element to the big screen with ease!
<mux-player> The official Mux-flavored video player custom element.
<mux-video> A Mux-flavored HTML5 video element w/ hls.js and Mux data builtin.