> For the complete documentation index, see [llms.txt](https://docs.flipabit.dev/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.flipabit.dev/widgets/youtube.md).

# YouTube

## Add YouTube video

<div align="left"><img src="/files/-MIxukPg5M5QetzCsm26" alt=""></div>

1. Select page
2. Do one of the following:
   * Click <img src="/files/-MJ1LX3c0qkeDcCdwwR3" alt="" data-size="line"> on Toolbar
   * Select Insert > Widgets > YouTube
3. Open Widget Inspector
4. Paste the URL of the copied link to YouTube video in url

Supported YouTube URLs:

* Single video: <https://www.youtube.com/watch?v=FGK9ZUtpAo8>
* Playlist: <https://www.youtube.com/playlist?list=PLs0-AlxxQP_e1b-Xy1MwCnSRfCSjWjF2w>
* Channel: <https://www.youtube.com/user/ProMultitouch>

## Playback panel

<div align="left"><img src="/files/-MIxukPhu6gfUnBRf6mG" alt=""></div>

1. Select YouTube widget
2. Open Widget Inspector
3. Select from Show playback list when to show playback panel:
   * Always: always show playback panel
   * Never: never show playback panel
   * Maximize: show playback panel when widget is maximized
4. Customize playback panel:
   * Enter panel height in Height field&#x20;
   * Select Background color\
     Enable Blurred to add blur effect (will work only with translucent background).&#x20;
   * Select Controls color
   * Select Slider color
