# Clone & modify: @videojs

Video, audio, and live player skins from Video.js, the open source web video player. Add a full skin or individual controls as editable React and Tailwind CSS source.

> Generated from the sh4dcn directory JSON. Source tier: **clone** (verbatim).

## 1. Read the cloned source — no upstream fetch
- Registry listing:  https://sh4dcn.netlify.app/clone/videojs/index.json
- One component:      https://sh4dcn.netlify.app/clone/videojs/items/<component>.json
- This library's row: https://sh4dcn.netlify.app/clone/manifest.json  (slug "videojs")
- 41 of 41 components mirrored here.

## 2. Install into a shadcn project
```sh
npx shadcn@latest add https://shadcn.videojs.org/r/react/registry.json
```
...or a single component:
```sh
npx shadcn@latest add https://shadcn.videojs.org/r/react/<component>.json
```

## 3. Make a modified copy (the "copies" tier)
Copy the item JSON you want to change, edit it, and place it under:
```
/copies/videojs/items/<component>.json
```
A copy takes precedence over its clone everywhere on sh4dcn; the clone stays
pristine. Record it in /copies/manifest.json (scripts/build-copies.mjs picks up
files on disk automatically).

## Links
- Homepage: https://videojs.org/docs/guides/installation/shadcn
- GitHub:   https://github.com/videojs/video.js