Important
These examples are for Vidstack Player, which is in security-only maintenance. For new projects, start with Video.js 10, where the teams behind Vidstack, Plyr, Media Chrome, and Video.js now focus their work. To move an existing Vidstack project, follow the migration guide for React or web components and other frameworks. To migrate with a coding agent, paste the prompt from the guide's AI Quickstart section into it: React · Web components and other frameworks.
This repository is dedicated to showing you how to get started with Vidstack using various JavaScript frameworks and CSS libraries.
You can run the examples locally by following these steps:
git clone git@github.com:vidstack/examples.git vidstack-examplescd vidstack-examplespnpm ipnpm start- launches a process for you to select which example to run.
Each example has a README which contains an "Open in StackBlitz" link. If you click it, it'll fork and launch the project in StackBlitz. You can run the code, edit it, and preview it inside their development environment. This is the easiest way to start playing with the examples.