videojs-theme-kit/README.md at main · dds05/videojs-theme-kit

🎨 Videojs Theme Kit

Video.js plugin to easily customize and apply beautiful skins to player with minimal setup.

Includes 4 modern themes : Slate, Spaced, Sleek, and Zen to instantly enhance the look and feel of your player. It is lightweight and supports infinite color customization, allowing you to perfectly match your brand or aesthetic without writing custom CSS.

👉🏻 Installation

npm install videojs-theme-kit

👨🏻‍💻 Usage

import 'videojs-theme-kit';

player.on('ready',()=>{
  player.theme({
          skin: SKIN_NAME,
          color: 'HEXCODE_OF_THE_COLOR'  //optional
  })
})

👉🏻 Options

Option	Type	Required	Description
`skin`	`string`	✅ Yes	Name of the skin to apply. Must be one of: • `'slate'` • `'spaced'` • `'sleek'` • `'zen'`
`color`	`string`	❌ No	HEX color code to customize the player's theme highlight color (e.g., `'#ff5722'`, `'#00bcd4'`)