@mux/mux-player

<mux-player>

New release: 3.0

Mux Player recently released 3.0. The most visible change in this is new tooltips that are enabled by default, as well as other fixes and changes.

Previous version: 2.0

For changes relating to the previous major release, 2.0, see the V1 to V2 upgrade guide and the blog post announcement.

Introduction

<mux-player> is the official Mux-flavored video player web component.

The player UI is built on Media Chrome and <mux-video> drives the core video logic used to play Mux Video content.

Installation

npm install @mux/mux-player

or

yarn add @mux/mux-player

Usage

<mux-player
  playback-id="DS00Spx1CV902MCtPj5WknGlR102V5HFkDe"
  metadata-video-title="Big Buck Bunny"
  metadata-viewer-user-id="user-id-1234"
></mux-player>

Docs

Docs and guides live on docs.mux.com.

API reference lives on Github.

Similar packages

Other packages similar to @mux/mux-player

video.js

Video.js is a popular open-source HTML5 video player that supports a wide range of video formats and provides a robust plugin architecture. Compared to @mux/mux-player, Video.js offers more flexibility and a larger community but requires more setup for Mux integration.

plyr

Plyr is a lightweight, customizable video player that supports HTML5, YouTube, and Vimeo. It offers a clean UI and is easy to integrate. While it doesn't have built-in Mux support like @mux/mux-player, it can be extended to work with Mux Video.

hls.js

Hls.js is a JavaScript library that allows you to play HLS (HTTP Live Streaming) videos in browsers that do not support it natively. It is not a full-featured video player but can be used in conjunction with other players like Video.js to provide HLS support. Unlike @mux/mux-player, it requires additional setup for a complete video player experience.