Recommend this pageIf this page was useful to you, please recommend it to fellow websurfers:
You may rate this script by simply clicking on the appropriate star (5 stars is the best rating).
Video.js is an open source library for working with video on the web, also known as an HTML video player.
Using Video.js straight out of the box is fine, but we think it’s better if you make it your own. Plugins and skins make it possible to completely customize your player.
The player skin is completely built from HTML and CSS, including when Flash and other players like YouTube are used.
Skin changes can be as simple as centering the play button (you can just add the ’vjs-big-play-centered’ class to your video tag), or as complex as creating entirely new layouts. We’ve built a codepen project where you can explore different changes.
And if you know CSS, you can always just open your Chrome dev tools and hack away!
Video.js by itself is purposefully very simple. It supports the basic video and audio playback features and ensures they work the same across different playback technologies (“techs”). Any more advanced features are built as plugins, including playlists, analytics, advertising, and support for advanced formats like HLS and DASH. Check out the plugins page to see what’s available.