css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv
CodePen probably won't work great in this browser. We generally only support the major desktop browsers like Chrome, Firefox, Safari, and Edge. Use this one at your own risk! If you're looking to test things, try looking at Pens/Projects in Debug View.
user profile image

This is the base skin of Video.js that can be modified to make custom skins.

The great thing about Video.js skins is they work in both HTML5 video AND Flash!


  1. That video buffers extremely fast, would wish to have such speed on Youtube.

  2. I really like videojs and have used it on quite a few projects, but it would be really great if you could provide a more basic default skin. This skin looks nice but is a bit slow to customise, it would be nice to not have to remove all the gradients, shadows and animations.

  3. Line 112 and 121 have typos. The function should be lighten(...), not ligthen(...)

  4. @marknotton thanks! Should be fixed in latest save.

Leave a Comment Markdown supported. Click @usernames to add to comment.

You must be logged in to comment.