Components
An expandable YouTube video player that shows a thumbnail with a play button and opens into a full-screen modal iframe with smooth animations.
Loading preview...
"use client";
import { YouTubePlayer } from "@/components/ui/youtube-video-player";
export default function YouTubeVideoPlayerDemo() {
return (
<div className="flex w-full items-center justify-center p-8">
<div className="w-full max-w-2xl">
<YouTubePlayer
videoId="jNQXAC9IVRw"
title="Me at the zoo - First YouTube Video"
customThumbnail="https://images.unsplash.com/photo-1611162617474-5b21e879e113?w=800&h=450&fit=crop&crop=center"
/>
</div>
</div>
);
}