A custom element
for mpegts.js with an API that aims to match the
API.

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

Example

``html

`

With Media Chrome

`html















`

Install

First install the NPM package:

`bash


with pnpm

pmpm add mpegts-video-element

with yarn

yarn add mpegts-video-element

with npm

npm install mpegts-video-element
`

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

`js
import 'mpegts-video-element';
`

Optionally, you can load the script directly from a CDN using esm.run:


`html

`

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

Deferred mode

By default, the element will load and setup the mpegts.js player immediately. This behaviour can be deferred so you can control when the player is loaded by adding a defer attribute to the element.

This is useful when you want to pass a custom mpegts.js configuration to the player.

`html



`

Related

- Media Chrome Your media player's dancing suit. 🕺
- Custom element for playing video using the DASH format.
- A custom element for the YouTube player.
- A custom element for the Vimeo player.
- A custom element for the JW player.
- A custom element for Video.js.
- A custom element for the Wistia player.
- A custom element for the Cloudflare player.
- A custom element for playing HTTP Live Streaming (HLS) videos.
- castable-video Cast your video element to the big screen with ease!
- The official Mux-flavored video player custom element.
- A Mux-flavored HTML5 video element w/ hls.js and Mux data builtin.

`

``