---
import { Video } from "@/components/ui/video"
---
<Video src="https://www.youtube.com/watch?v=5qap5aO4i9A" />Installation
npx shadcn@latest add @fulldev/videoUsage
Currently supports YouTube watch URLs and YouTube Shorts.
import { Video } from "@/components/ui/video"<Video src="https://www.youtube.com/watch?v=5qap5aO4i9A" />Example
---
import { Video } from "@/components/ui/video"
---
<Video src="https://www.youtube.com/watch?v=jfKfPfyJRdk" />Notes
- Pass the original YouTube URL and let the component derive the embed URL.
- Shorts render with a portrait aspect ratio, while regular YouTube videos use a landscape ratio.
API Reference
See the GitHub source code for more information on props.