Migrate this project's Vidstack player to Video.js v10 for React. Use @videojs/react.
Run `npx @videojs/cli agents skills` to get the Video.js skill installation instructions. Follow the printed steps for your agent. If they require a session reload, reload the session and continue with this prompt. If you can't run commands, use the installation instructions at https://github.com/videojs/skills. Use the skill throughout this migration.
Read the migration guide at https://videojs.org/docs/framework/react/guides/migrate-from-vidstack, including its Known gaps section. Inspect the existing player and list its media URLs, source formats, tracks, options, custom controls, event handlers, and integrations. Compare that list with the known gaps and report unsupported requirements before changing code. Keep the existing media URLs and required behavior throughout the migration.
For installation guidance, read https://videojs.org/docs/framework/react/llms.txt and follow its link to the installation guide. Keep using that online index for a CDN installation.
From the application root, run `npx @videojs/cli agents init` without flags to list installation options and their accepted values.
Choose values for these options:
- --media and --source-url: the existing content and playback requirements.
- --method: the installation method.
- --preset, --skin, and --extensions: the player UI and integrations.
Add those options to `npx @videojs/cli agents init --framework react --project existing` and run the command to print the installation plan. Follow any version-mismatch notice. Both CLI commands print instructions without changing project files. Use the printed plan to install Video.js and configure the player.
After installing a package, switch to node_modules/@videojs/react/docs/llms.txt for documentation matching its version.
Implement the migration. Then verify playback, captions, controls, and any analytics integration on every browser the project supports.
Vidstack Player 1.x will receive priority security patches until January 2028, and no other changes. New features and non-security bug fixes won't be picked up here.
The teams behind Vidstack, Plyr, Media Chrome, and Video.js now focus their work on Video.js 10.
Migrate with a coding agent
Paste the prompt for your framework into your agent. It installs the Video.js skill, checks the guide's known gaps against your player before changing code, and plans the installation with
npx @videojs/cli agents init.React (
@vidstack/react)Web components and other frameworks (
vidstack)This issue is locked. Questions go to videojs/video.js discussions.