MPlayer is a powerful, colorful and lovely html5 video player.

Try it!

• Demo

Documentation

• 中文文档
• English

MPlayer supports:

Streaming formats:

• HLS
• MPEG DASH
• FLV

Media formats:

• MP4 H.264
• WebM
• Ogg Theora Vorbis

Features

• Subtitle switching
• Playlist support, including play next, play previous, playlist panel.
• Screenshot
• Hotkeys
• Quality switching
• Hints
• Preview images
• Spotlight effect.

Build you own one

git clone https://github.com/wenzi7777/MPlayer.git
cd MPlayer
npm i
npm run build

Compatibility

• Chrome 39+ for Android
• Chrome 39+ for Desktop
• Firefox 41+ for Android
• Firefox 42+ for Desktop
• Edge for Windows 10+
• Safari 8+ for MacOS 10.10+
• Safari for ipadOS 13+

Using MPlayer

Installation

Prepackaged builds are included with each release. Or install the MPlayer.js as a dependency of your project:

npm install --save @wenzi7777/mplayer

Embedding MPlayer

<script src="https://cdn.jsdelivr.net/npm/@wenzi7777/mplayer@latest/dist/mplayer.bundle.min.js"></script>
<div id="mplayer"></div>
<script>
  let mplayer = new MPlayer(document.querySelector('#mplayer'), {
    videos: [
      {
        title: '?', // required
        src: '?' // required
      }
    ]
  })
</script>

License

MPlayer is released under the Mozilla Public License 2.0