MediaElement.js Playlist Plugin for the Video and Audio Tag

This MediaElement.js plugin provides playlist support for Video and Audio players.
It was forked from duozersk/mep-feature-playlist, which is a fork of JeyKeu/mep-feature-playlist.

How it works

1. Add a CSS class "mep-playlist" to your <video> or <audio> tag
2. Add an attribute "data-showplaylist" with value "true" to show playlist on start
3. Add features "playlistfeature" (loads library) and "playlist" (shows control icon)
4. Add several <source>s to your <video> or <audio> tags (only playable types will be playlisted)

Main features

• Regular playlist or slider display
• Playlists are customizable via CSS/Sass
• Grunt, Sass, JSHinted source

Build it yourself and contribute

• make sure you "npm install" before you run "grunt", sass is required too ("$ gem install sass")
• "$ grunt build:dev" stores a debuggable demo in _dev/
• "$ grunt build" stores a minified demo in _build/
• have a look at the demo.html files in either folder
• run "$ grunt watch" or just "$ grunt" to work efficiently

Video playlist with default display

Video playlist with slider

• Mayer and Bettle by Creative Commons Australia and Black Brow under
• Wanna Work Together? by Creative Commons under
• Reticulum Rex by Creative Commons under
• Wired NextMusic by Creative Commons under

Regular Video

Regular videos use the same visuals as playlists. Customizable via CSS.

Video by Justin Cone under

Audio playlist

Audio playlist with slider

Music from sampleswap.org under various CC licenses