mirror of
https://github.com/supabase/supabase.git
synced 2026-10-06 01:45:10 +03:00
Anthony Lio
71d652483e
## What kind of change does this PR introduce? a11y bug fix on youtube embed ## What is the current behavior? YouTube iframes across guide pages have no `title` attribute, so screen readers announce them as an unnamed frame ## What is the new behavior? - extracts a `YouTube.tsx` ui component - adds `<YouTube id title />` + `title` as a required prop ## Test 1. visit `/docs/guides/ai/examples/openai` <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit - **Documentation** - Standardized embedded YouTube videos across guides with a consistent video player. - Added descriptive titles to improve accessibility and clarity. - Preserved existing video content and playback behavior. - Updated video embeds across AI, authentication, database, functions, realtime, self-hosting, storage, and migration documentation. - **New Features** - Added privacy-enhanced YouTube playback for embedded documentation videos. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
21 lines
449 B
TypeScript
21 lines
449 B
TypeScript
import { cn } from 'ui'
|
|
|
|
export const YouTube = ({
|
|
id,
|
|
title,
|
|
className,
|
|
}: {
|
|
id: string
|
|
title: string
|
|
className?: string
|
|
}) => (
|
|
<div className={cn('video-container', className)}>
|
|
<iframe
|
|
src={`https://www.youtube-nocookie.com/embed/${id}`}
|
|
title={`Youtube video: ${title}`}
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
|
|
allowFullScreen
|
|
/>
|
|
</div>
|
|
)
|