About Video.js : https://videojs.com/

While Video.js comes with a default skin, it offers very limited customization out of the box.

If you want to change the look by switching to a modern design, adjusting colors to match your brand, or quickly trying out different styles, then you often have to:

• Write custom CSS overrides
• Deal with theme conflicts
• Manually maintain style changes across updates

Video.js Theme Kit removes all that hassle.

✨ Key Features :

• 🎯 4 modern, ready to use themes: Slate, Spaced, Sleek, and Zen.
• 🎨 Infinite color customization to perfectly match your brand aesthetics.
• ⚡ Simple installation and setup for a smooth developer experience.

How to use it?

It is pretty simple.

 npm install videojs-theme-kit

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

More information :-

🔗 Demo: https://videojs-theme-kit-site.vercel.app/
📂 GitHub: https://github.com/dds05/videojs-theme-kit
📦 NPM : https://www.npmjs.com/package/videojs-theme-kit
ℹ️ About Video.js : https://videojs.com/