> For the complete documentation index, see [llms.txt](https://sygnal.gitbook.io/sygnal-webflow-components/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sygnal.gitbook.io/sygnal-webflow-components/nc/media/youtube.md).

# YouTube

<figure><img src="https://2784689242-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fijt1q5GHhhw4y4FjjPNG%2Fuploads%2FR6NoREbw9flauRMBjioY%2Fimage.png?alt=media&amp;token=1f3945f5-5842-4fa2-a239-4bbf4a4ae96e" alt=""><figcaption></figcaption></figure>

## Component&#x20;

<table><thead><tr><th width="117">Property</th><th>Usage</th><th>Notes </th><th>CMS</th></tr></thead><tbody><tr><td>Title</td><td>Title to display</td><td></td><td>Text field only </td></tr><tr><td>Video Url</td><td><br><br>e.g.  <a href="https://www.youtube.com/watch?v=y5B4m7PzOdU">https://www.youtube.com/watch?v=y5B4m7PzOdU</a></td><td></td><td>Can bind to-<br>- Video element URL ( YouTube URL only )<br>- Link<br>- Text field </td></tr><tr><td>Image Url</td><td>Blank is fine, will use default YouTube thumb</td><td></td><td>Link or Text field </td></tr><tr><td>Rel</td><td></td><td>0 or 1 </td><td>Text field only</td></tr><tr><td>Controls</td><td></td><td>0 or 1 </td><td>Text field only </td></tr><tr><td>Autoplay</td><td></td><td>0 or 1 </td><td>Text field only</td></tr><tr><td>Mute</td><td></td><td>0 or 1 </td><td>Text field only</td></tr><tr><td>Start At</td><td></td><td>MM:SS</td><td>Text field only</td></tr><tr><td>Privacy</td><td></td><td>0 or 1 </td><td>Text field only</td></tr></tbody></table>

<figure><img src="https://2784689242-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fijt1q5GHhhw4y4FjjPNG%2Fuploads%2FLJ4HTUCpa1ydr97umvqs%2Fimage.png?alt=media&amp;token=e6772de0-6edc-403b-abfe-4cb026a247d5" alt=""><figcaption></figcaption></figure>

## Test page

<https://webflow-core-components.webflow.io/video>

<https://webflow-core-components.design.webflow.com/?pageId=684fb3cdeccfb1a99b9cf1de&workflow=canvas>