Delta Components

Docs

YouTube

A responsive YouTube video component with privacy-focused embedding and loading states.

12 views

7 downloads

Demo

Code

Open in

Overview

The YouTube component provides a clean, responsive way to embed YouTube videos using the privacy-enhanced youtube-nocookie.com domain. It includes skeleton loading states and mobile-optimized autoplay behavior.

Installation

pnpm dlx shadcn@latest add https://deltacomponents.dev/r/youtube.json

Usage

1"use client"
2
3import YouTube from "@/registry/media/youtube"
4
5export function Component() {
6  return (
7    <div className="w-full max-w-2xl mx-auto">
8      <YouTube videoId="0RXdd0pCJ9Q" />
9    </div>
10  )
11}

API Reference

Parameters

Name	Type	Default	Description
videoId	string	-	The YouTube video ID (extracted from the video URL)
className	string	""	Additional CSS classes to apply to the container
autoplay	boolean	false	Whether to autoplay the video (disabled on mobile)