# YouTube

## Add YouTube video

<div align="left"><img src="https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MIxu2KP4MClY9gv_q2W%2F-MIxukPg5M5QetzCsm26%2Fgif_widgets_youtube.gif?alt=media&#x26;token=c490f84f-71c5-44a6-a996-eeb2d2ac2e8a" alt=""></div>

1. Select page
2. Do one of the following:
   * Click <img src="https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MJ1Ia-XP293U-WgAQov%2F-MJ1LX3c0qkeDcCdwwR3%2Fyoutube.svg?alt=media&#x26;token=e825c303-6bd1-48f5-ac8d-4c25af92cdd0" 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="https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MIxu2KP4MClY9gv_q2W%2F-MIxukPhu6gfUnBRf6mG%2Fgif_widgets_youtube_pb.gif?alt=media&#x26;token=d31b051a-76d1-4500-ab43-c4f24767fde1" 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