Awesome
<a href="https://github.com/luwes/playerx"><img src="https://dev.playerx.io/images/playerx-logo.svg?sanitize=true" height="36" alt="playerx" /></a>
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
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!