---
import { Video } from "@/components/ui/video"
---
<Video src="https://www.youtube.com/watch?v=M7lc1UVf-VE" />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=M7lc1UVf-VE" />Example
---
import { Video } from "@/components/ui/video"
---
<Video src="https://youtu.be/M7lc1UVf-VE" />Notes
- Pass the original YouTube URL and let the component derive the embed URL.
- The preview uses YouTube’s thumbnail first, then loads the embed when someone presses play.
- 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.