Vidstack
Build your media player only using HTML and CSS
README
Vidstack
Vidstack is a video/audio platform for frontend developers to build high-quality and accessible
experiences on the web.
Player
Build and ship a production-ready player in minutes. Robust, customizable, and accessible. Available
as Web Components and React Components. The successor to [Plyr][plyr] 3.x and [Vime][vime] 5.x.


Quickstart
- Examples
Documentation
If you'd like to try Vidstack Player, you can find our documentation on our website:
[Player Documentation][docs-player]
Uploader
Warning
Vidstack Uploader is not available yet. Tap the watch button above to get notified of any
developments.
Headless uploader component for sending files directly up to storage or encoding.
Analytics
Warning
Vidstack Analytics is not available yet. Tap the watch button above to get notified of any
developments.
Collect video/audio performance and user-behavior data with a single drop-in component.
Community
If you need help with anything related to Vidstack, or if you'd like to casually chit-chat with
other members:
- [See GitHub Discussions][discussions]
- [Join Discord Server][discord]
Sponsors ❤️
A special thanks to the following sponsors who are kindly supporting Vidstack:
- Mux
- Vercel
[vime]: https://github.com/vime-js/vime
[plyr]: https://github.com/sampotts/plyr
[docs-player]: https://www.vidstack.io/docs/player
[package]: https://www.npmjs.com/package/vidstack
[package-badge]: https://img.shields.io/npm/v/vidstack/next?style=flat-square
[jsdelivr]: https://www.jsdelivr.com/package/npm/vidstack
[jsdelivr-badge]: https://data.jsdelivr.com/v1/package/npm/vidstack/badge
[discord]: https://discord.gg/QAjfh2gZE4
[discord-badge]: https://img.shields.io/discord/742612686679965696?color=%235865F2&label=%20&logo=discord&logoColor=white&style=flat-square
[discussions]: https://github.com/vidstack/vidstack/discussions