# Video

## Add 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-MIxukPcMApxnscC3L4m%2Fgif_widgets_video.gif?alt=media&#x26;token=26becb80-df09-4c5c-80e0-7060a1187f9e" alt=""></div>

1. Select page in Navigator
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-MJ1JOyEzqQtMAtuerjs%2Fvideo.svg?alt=media&#x26;token=b27c3efc-185c-4a47-93de-84b87ca61890" alt="" data-size="line"> on Toolbar
   * Select Insert > Widgets > Video
   * Click + on Toolbar
3. Select video file

## Change 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-MIxukPdKJfI1gBV9xwZ%2Fgif_widgets_video_change.gif?alt=media&#x26;token=5bd2e900-3fa8-4427-a96b-e6f5c21bcafa" alt=""></div>

1. Select Video widget
2. Open Widget Inspector
3. Click Select video
4. Select video file

## 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-MIxukPe9Ruip5hHRx8W%2Fgif_widgets_video_pb.gif?alt=media&#x26;token=1455ef0e-5cab-4c24-b7c8-5930002ad463" alt=""></div>

1. Select Video 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