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.

Preview of Vidstack Video Player

Preview of Vidstack Audio Player

Quickstart



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

[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