open-embodied fa48161c03 gcc		6 달 전
..
css	fa48161c03 gcc	6 달 전
custom-icons	fa48161c03 gcc	6 달 전
fonts	fa48161c03 gcc	6 달 전
lib	fa48161c03 gcc	6 달 전
scss	fa48161c03 gcc	6 달 전
templates	fa48161c03 gcc	6 달 전
.babelrc	fa48161c03 gcc	6 달 전
.jshintrc	fa48161c03 gcc	6 달 전
.npmignore	fa48161c03 gcc	6 달 전
Gruntfile.js	fa48161c03 gcc	6 달 전
LICENSE	fa48161c03 gcc	6 달 전
README.md	fa48161c03 gcc	6 달 전
icons.json	fa48161c03 gcc	6 달 전
index.html	fa48161c03 gcc	6 달 전
package.json	fa48161c03 gcc	6 달 전

Video.js Icon Font

This project contains all of the tooling necessary to generate a new icon font for Video.js. The icons themselves are from Google's Material Design Icons.

Usage

$ npm install grunt-cli // only if you don't already have grunt installed
$ npm install
$ grunt

Custom icons

You can add custom icons by calling grunt with the --custom-json option. It takes a comma delimited list of paths to JSON files of the same format as below and merges it with the default icons file.

Example:

$ grunt --custom-json=custom.json,custom2.json

Making changes to the font

To make changes to the font, simply edit the icons.json file. You can add or remove icons, either by just selecting new SVGs from the Material Design set, or pulling in new SVGs altogether.

{
  "font-name": "VideoJS",
  "root-dir": "./node_modules/material-design-icons/",
  "icons": [
    {
      "name": "play",
      "svg": "av/svg/production/ic_play_arrow_48px.svg"
    },
    {
      "name": "pause",
      "svg": "av/svg/production/ic_pause_48px.svg"
    },
    {
      "name": "cool-custom-icon",
      "svg": "neato-icon.svg",
      "root-dir": "./custom-icons/neato-icon.svg"
    }
  ]
}

Once you're done, simply run grunt again to regenerate the fonts and scss partial. To edit the _icons.scss partial, update templates/scss.hbs.

README.md

Video.js Icon Font

Usage

Custom icons

Making changes to the font