Flat Skin Retina for VideoJS 4

Flat Skin Retina for VideoJS 4


  • Video.js that is open source HTML5 & Flash video player, as well as YouTube and Vimeo (through plugins), used on over 200,000 websites
  • Skin with Flat Style
  • Retina Ready & Fully Responsive
  • Unlimited colors – any colour you like
  • SVG and LESS files included
  • Change color in 10 seconds or less
  • 8 Different Demos
  • HTML5 & CSS3
  • Support and updates
  • Wishlist Support
  • Well Documented

Setting Custom Colors

Once you’ve chosen a skin to use with your player, it is possible to further customize the skin by setting up to three colors in the LESS configuration:
  • @primary-color
    • Active skin elements. This includes active and highlighted labels, as well scrubber time that has elapsed.
  • @primary-dark-color
    • Skin elements that are hover, as well handle time.
  • @control-bg-color
    • The background portion of the control bar.

Reference in Documentation

  • VideoJS Player Homepage
  • VideoJS Player Documentation
  • Learn more about CSS Skinning Guide
  • Learn more about Building VideoJS Skins
  • Create Custom VideoJS Player
  • Setting up volume slider vertical
  • Icons font generator using SVG files
  • PX to EM conversion made simple
  • Free Online LESS Compiler
  • Free Offline LESS Compiler
  • Learn LESS in 10 Minutes (or Less)
  • LESS for Notepad++
  • Online CSS Minifier/Compressor
  • VideoJS Source Code
  • How to build VideoJS from source


  • Launch: The launch of the Flat Skin for VideoJS 4 project – 20 September 2015.

Other Skins