YouTube Component for MDX

[GuiBibeau]

Request Overview

We need a reusable YouTube component for our MDX content system. This would allow content creators to easily embed YouTube videos in blog posts, tutorials, and documentation with consistent styling and optimal performance.

The Current Challenge

Right now, embedding YouTube videos requires manual iframe code or inconsistent methods. This leads to:

• Performance issues from loading YouTube's player immediately
• Inconsistent styling across content
• No lazy loading capabilities
• Privacy concerns with cookies

What We're Looking For

A component that supports:

• Simple syntax like <YouTube id="video-id" />
• Responsive design that works on all devices
• Lazy loading with thumbnail preview
• Privacy-enhanced mode option
• Custom start/end times
• TypeScript support

Example Usage We'd Like

<YouTube 
  id="dQw4w9WgXcQ" 
  title="Video Title"
  startTime={30}
  aspectRatio="16:9"
  privacyMode={true}
/>

Requested by

DevRel team

[h4rkl]

Makes a lot of sense. There's a new shared component that handles a pop-up window for Youtube and Vimeo Video URLs which might be a good base for this. Would just require moving the rendering component to root. Then any element can become a trigger for popup videos.