> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.dorik.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Add Video Slider

# Getting Started

The **Video Slider** element allows you to add multiple videos in a sliding carousel format on your website. Visitors can navigate through the videos horizontally. You can configure the player, adjust the size, style captions, and customize the slider’s appearance. This article will guide you through all the options available in the Video Slider element.

---

# Adding the Video Slider Element

Follow the steps below to add a **Video Slider** to your site:


* Click the + button labeled **Add Element** or **Container** within an empty container.
* From the Elements tab, select **Video Slider**.

**Refer to the GIF below:**


![](https://storage.crisp.chat/users/helpdesk/website/-/c/f/1/f/cf1fc9cc00911000/gif-recording-2025-08-09-at-22_17ywixu.gif)

| *Video Slider element after it is added*

---

# Editing the Video Slider Element

Once added, you can customize your Video Slider using the editor options listed below:

* Videos
* Options
* Player Configuration
* Video Width and Height
* Caption Style
* Slider Style


![](https://storage.crisp.chat/users/helpdesk/website/-/c/f/1/f/cf1fc9cc00911000/screen-shot-2025-08-09-at-2311_1cvnsp8.png)

---

# Videos


Under this option, you can add new videos or remove existing ones from the slider. For each video, you can upload or embed with video source URL and adjust Video Caption.


Refer to the **GIF below** to see the demonstration of all the changes you can make for an individual vidoes in your video slider ⬇️


![](https://storage.crisp.chat/users/helpdesk/website/-/c/f/1/f/cf1fc9cc00911000/gif-recording-2025-08-09-at-23_1tz347x.gif)

---

# Options

Inside this option, you will be able to make changes some necessary settings of your Video Slider. Settings like changing the direction of your Video slider, behavior, setting the speed, slide per page, and more

Refer to the **GIF** below to see how these settings work


![](https://storage.crisp.chat/users/helpdesk/website/-/c/f/1/f/cf1fc9cc00911000/gif-recording-2025-08-09-at-24_qzd901.gif)

---

# Player Configuration


This section allows you to customize the video player behavior like video control, loop, mute, autoplay and allow fullscreen

Refer to the **GIF** below to see how these settings work


![](https://storage.crisp.chat/users/helpdesk/website/-/c/f/1/f/cf1fc9cc00911000/gif-recording-2025-08-09-at-25_1el8pvl.gif)


# Video Width and Height


Adjust the dimensions of the video player here to control how large the videos appear inside the slider. You can set fixed pixel sizes or percentage-based widths and heights.

Refer to the **GIF** below to see how these settings work


![](https://storage.crisp.chat/users/helpdesk/website/-/c/f/1/f/cf1fc9cc00911000/gif-recording-2025-08-09-at-25_1ceg6fu.gif)

# Caption Style

Customize the appearance of video captions including:

Show or hide captions
Choose on which devices captions are visible or hidden
Font size, color, and style
Caption background and padding

Refer to the **GIF** below to see how these settings work


![](https://storage.crisp.chat/users/helpdesk/website/-/c/f/1/f/cf1fc9cc00911000/gif-recording-2025-08-09-at-30_1qcyqw3.gif)

# Slider Style

Change the overall style of the slider, including padding. margin, border, background, color

Refer to the **GIF** below to see how these settings work


![](https://storage.crisp.chat/users/helpdesk/website/-/c/f/1/f/cf1fc9cc00911000/gif-recording-2025-08-09-at-30_1s7sq7i.gif)



---

**Related articles**

[Image Gallery](/en/article/image-gallery-4a1sc5/)
[Image](/en/article/image-8z2fmm/)