Skip to main content

Live Examples 📺

Interactive demonstrations of React Lite YouTube Embed with various configurations

Basic Embed

Simple usage with privacy-enhanced mode and default settings.

High Quality Thumbnail

Maximum resolution thumbnail for hero sections and featured content.

Custom Aspect Ratio (4:3)

Classic TV format for older video content.

Playlist Mode

Embed entire YouTube playlists with custom cover image.

Lazy Loading

Thumbnail loads only when scrolled into viewport for better performance.

WebP Format

Using WebP format for better compression and smaller file sizes.

SEO Enhanced

Includes JSON-LD structured data for search engines and rich results.

Start Time Parameter

Start video at a specific time using the params prop.

Player Control

Programmatic player control using the iframe's postMessage API.

Enhanced Accessibility

Internationalization support and improved keyboard navigation.

Event Handling

Comprehensive event handling for player state changes.

Grid Layout

Multiple videos in a responsive grid with lazy loading.

Why So Fast?

Each video above loaded only a thumbnail (~10-50KB) instead of a full YouTube iframe (~500KB+). Click any video to see the real player load instantly!