Components
Component YouTube
A heading and a line of text with a YouTube video that loads only when played, stacked or side by side: Lite YouTube as a section of its own.
Made for the page builder — try it there
Try it in the page builderBlocks come with Pro
Preview every block now, in any theme and at any width. The source, the install command and the AI prompt unlock when Pro opens, once the catalog reaches 20 templates.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | a house tour heading | The block's h2. |
| lead | string | a line about the tour | A line under the heading; empty for none. |
| video | { url: string; title: string; poster: string } | a villa tour | A YouTube link (watch, youtu.be or embed) or its id, the video's title (for screen readers and the player) and your own poster picture. |
| playLabel | string | "Play the video" | The play button's accessible name. |
| layout | "stacked" | "split" | "stacked" | stacked: the text centred above a wide video. split: the text beside the video from 1024px (two fifths to three). |
| className | string | — | Classes for the <section>. |
- Nothing is requested from YouTube before the click: the poster is your own picture, and only the play button loads the player.
- The video is 16:9 and rounds to the theme's radius.
