Assemble your player
Feel at home with your framework, skin, and media source
import { createPlayer, Poster } from '@videojs/react';
import { VideoSkin, Video, videoFeatures } from '@videojs/react/video';
import '@videojs/react/video/skin.css';
const Player = createPlayer({ features: [...videoFeatures] });
export function VideoPlayer() {
return (
<Player.Provider>
<VideoSkin>
<Video src="..." playsInline />
<Poster src="..." />
</VideoSkin>
</Player.Provider>
);
}Take full control
Make your player truly your own with fully-editable components
reactcssv10 is built different
VideoJS 10 is complete ground-up rewrite of the player for the modern web.
The UI is separated from the underlying media renderer. Every component is
independent and works together through open API contracts. We've structured
the project for modern JavaScript bundlers to support tree-shaking and
intelligent code splitting.
Start with a small player and only add what you need.
Download speeds
(based on slow 4G connection)VJS 8
VJS 8
3.96s / 722 KB
VJS 10
VJS 10
1.29s / 198 KB
Roadmap
Oct 2025
Tech Preview
Kick the tires, and light the fires
Mar 2026
Beta
Close to stable. Experimental adoption in real projects
Mid 2026
GA
Stable APIs. Feature parity w/ Media Chrome, Vidstack, Plyr.
End of 2026
Core Feature Parity
Video.js core/contrib plugins migrated
Sponsors
Corporate Shepherd
The role of Corporate Shepherd is held by the company that has been elected by the Video.js Technical Steering Committee (TSC) to be a steward of the project and make significant investment into the development of Video.js. The role is currently held by Mux, taking over for Brigthcove in 2025. Mux is a leader in streaming video technology and was founded by Steve Heffernan, the creator of Video.js.