# Vidstack Player

> [!IMPORTANT]
> **Vidstack is in security-only maintenance.** We'll merge priority security patches into 1.x until January 2028, and nothing else. The teams behind Vidstack, Plyr, Media Chrome, and Video.js now focus their work on [Video.js 10](https://videojs.org?utm_source=vidstack).
>
> - **Migrate:** [React guide](https://videojs.org/docs/framework/react/guides/migrate-from-vidstack?utm_source=vidstack) · [Web components and other frameworks](https://videojs.org/docs/framework/html/guides/migrate-from-vidstack?utm_source=vidstack)
> - **With a coding agent:** paste the prompt from the guide's AI Quickstart section into your agent: [React](https://videojs.org/docs/framework/react/guides/migrate-from-vidstack?utm_source=vidstack#ai-quickstart) · [Web components and other frameworks](https://videojs.org/docs/framework/html/guides/migrate-from-vidstack?utm_source=vidstack#ai-quickstart)
> - **Questions:** [videojs/video.js discussions](https://github.com/videojs/video.js/discussions)
> - **Security reports:** [SECURITY.md](./SECURITY.md)

[![package-badge]][package]
[![react-package-badge]][react-package]
[![discord-badge]][discord]

Build and ship a production-ready video or audio player! Robust, customizable, and accessible. The
successor to [Plyr][plyr] `3.x` and [Vime][vime] `5.x`.

## Quickstart

Our library works with any of the JavaScript frameworks listed below. You can decide to
build your own player layout using our components, or you can take advantage of our pre-built
layouts to get up and running quickly! See any of the following links to get started.

**Installation:**

- [JavaScript](https://www.vidstack.io/docs/player/getting-started/installation/javascript)
- [Angular](https://www.vidstack.io/docs/player/getting-started/installation/angular)
- [React](https://www.vidstack.io/docs/player/getting-started/installation/react)
- [Svelte](https://www.vidstack.io/docs/player/getting-started/installation/svelte)
- [Vue](https://www.vidstack.io/docs/player/getting-started/installation/vue)
- [Solid](https://www.vidstack.io/docs/player/getting-started/installation/solid)
- [Web Components](https://www.vidstack.io/docs/player/getting-started/installation/web-components)
- [CDN](https://www.vidstack.io/docs/player/getting-started/installation/cdn)

**Resources:**

- [Player Demo](https://www.vidstack.io/player/demo)
- [Media Files](https://github.com/vidstack/media-files)
- [Media Captions](https://github.com/vidstack/media-captions)
- [Media Icons](https://www.vidstack.io/media-icons)
- [Examples](https://github.com/vidstack/examples)

## Documentation

If you'd like to learn more about Vidstack Player, you can find our documentation on our website:

[Player Documentation][docs-player]

## 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]

## Thanks ❤️

A special thanks to the following organizations who are kindly supporting Vidstack with sponsored
accounts:

- Testing with [BrowserStack](https://www.browserstack.com).
- Hosting with [Vercel](https://vercel.com).
- Streaming with [Mux](https://www.mux.com).

[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&label=vidstack@next
[react-package]: https://www.npmjs.com/package/@vidstack/react
[react-package-badge]: https://img.shields.io/npm/v/@vidstack/react/next?style=flat-square&label=@vidstack/react@next
[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/player/discussions