hls-video-element

Custom element (web component) for playing video using the HTTP Live Streaming (HLS) format. Uses HLS.js.

MIT 47 个版本

HLS video player

主页

仓库

提交 Issue

安装

npm install hls-video-element

yarn add hls-video-element

pnpm add hls-video-element

bun add hls-video-element

README

`<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.

版本列表

1.5.11 2026-03-19

1.5.10 2025-11-25

1.5.9 2025-11-10

1.5.8 2025-09-19

1.5.7 2025-08-08

1.5.6 2025-07-15

1.5.5 2025-06-26

1.5.4 2025-06-09

1.5.3 2025-06-07

1.5.2 2025-05-23

1.5.1 2025-04-29

1.5.0 2025-03-12

1.4.1 2024-12-20

1.4.0 2024-12-19

1.3.0 2024-12-19

1.2.11 2024-11-26

1.2.10 2024-11-26

1.2.9 2024-11-25

1.2.8 2024-11-06

1.2.7 2024-06-14

1.2.6 2024-06-07

1.2.5 2024-05-27

1.2.4 2024-05-26

1.2.3 2024-05-24

1.2.2 2024-05-17

1.2.1 2024-05-09

1.2.0 2024-05-08

1.1.4 2024-04-21

1.1.3 2024-02-07

1.1.2 2024-01-25

1.1.1 2023-12-17

1.1.0 2023-12-03

1.0.1 2023-09-22

1.0.0 2023-09-14

0.5.1 2023-08-07

0.5.0 2023-08-04

0.4.0 2023-07-22

0.3.1 2023-07-21

0.3.0 2023-07-21

0.2.1 2023-07-20

0.2.0 2023-07-20

0.1.0 2023-07-20

0.0.5 2023-07-19

0.0.4 2023-01-04

0.0.3 2021-06-24

0.0.2 2020-03-29

0.0.1 2020-03-29