mattdrose / mediaelement-skin

Create custom skins for MediaElement.js

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Custom MediaElementJS Skins

Easily create custom skins for MediaElementJS.

Screenshot

Installation

Bower

bower install mediaelement-skin

Usage

Import the main SASS file.

@import "bower_components/mediaelement-skin/mediaelement-skin";

Settings

Add a map in your SASS build to overwrite any of the default settings

$mejs-settings: (
  background: #333,
  total-color: #444,
  current-color: #AAA,
  loaded-color: #666,
  volume-total-color: #444,
  volume-current-color: #85C028,
  border-radius: 0,
);

Requires

  • SASS/Compass

Support

  • Modern Browsers, IE9+
  • MediaElement v2.16.3

About

Create custom skins for MediaElement.js


Languages

Language:CSS 86.6%Language:JavaScript 7.4%Language:HTML 3.1%Language:Ruby 2.9%