npm: npm i playerx
cdn: https://cdn.jsdelivr.net/npm/playerx/+esm

Features

Usage (Codesandbox)

<script type="module" src="https://cdn.jsdelivr.net/npm/playerx/+esm"></script>
<player-x src="https://vimeo.com/638369396" controls></player-x>

Mux videos use the Mux Player API
YouTube videos use the YouTube iFrame Player API
Vimeo videos use the Vimeo Player API
Wistia videos use the Wistia Player API
JW Player videos use the JW Player API
Supported file types are playing using <video> or <audio> elements
- HLS streams are played using hls.js
- DASH streams are played using dash.js

Media Chrome Your media player's dancing suit. 🕺
media-group Sync and control multiple audio and/or video elements.
castable-video Cast your video element to the big screen with ease!
<youtube-video> A web component for the YouTube player.
<videojs-video> A web component for Video.js.
<wistia-video> A web component for the Wistia player.
<vimeo-video> A web component for the Vimeo player.
<jwplayer-video> A web component for the JW player.
<hls-video> A web component for playing HTTP Live Streaming (HLS) videos.
<mux-player> The official Mux-flavored video player web component.
<mux-video> A Mux-flavored HTML5 video element w/ hls.js and Mux data builtin.

To all the services that offered free plans for building, testing and measuring!