playerx

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

Features

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

Usage (Codesandbox)

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

Demo page: dev.playerx.io/demo

Supported media

• 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

Related

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

Big Thanks

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

• Mux
• Cloudflare
• JW Player
• Github