> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.weblium.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).

# Додавання і налаштування відео

Унікальний відеоконтент на сайті позитивно впливає на конверсію і підвищує рівень довіри відвідувачів. Крім того, короткий відеоролик зможе замінити тисячу слів та фотографій.

Перегляньте інструкції нижче, щоб додати відео на свій сайт.

| ${color}[#1aa900](Підказка:) якщо ви хочете додати відео на фон блоку, радимо прочитати статтю [Додавання фону сайту](https://help.weblium.com/uk/article/dodavannya-fonu-sajtu-kqwcrx/).

### Додавання відео як окремого елемента

Ви зможете додати відео як окремий елемент у більшість блоків із нашої галереї.

1. Для цього наведіть на місце в блоці, куди ви хочете додати відео, і натисніть на «плюс»:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/image_vlw266.png)

2. У вікні, що відкриється, виберіть **Відео**:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/image_e31lo7.png)

3. Натисніть на сам елемент і додайте посилання на відео у відповідному полі:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/image_jju44n.png)

||| ${color}[#f97700](Важливо:) редактор підтримує посилання на відео тільки з **YouTube** та **Vimeo.** Якщо ваше відео знаходиться на іншому хостингу, завантажте його на YouTube / Vimeo, щоб отримати одне з посилань.

### Перетворення компонента картинки у відео

Якщо у вибраному вами блоці є компонент картинки, його можна перетворити в компонент для відео.

1. Для цього клацніть на контейнер зображення і натисніть на «шестерню», що з'явиться:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/image_1pynytj.png)

2. У **Налаштуваннях медіа** переключіть поточну вкладку **Зображення** на **Відео** та додайте посилання у полі, що відкриється: 

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/image_vg5619.png)

| ${color}[#1aa900](Підказка:) прев'ю відео налаштовується на стороні Youtube або Vimeo.

### Налаштування відео 

1. Щойно ви додасте посилання на відео, з'являться такі налаштування:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/image_2k1pi7.png)

|| ${color}[#ffa800](Примітка:) якщо ви вмикаєте **Автовідтворення**, опція **Вимкнути звук** активується автоматично, щоб не псувати враження відвідувачів сайту та щоб сайт відповідав вимогам браузерів, як-от [Chrome](https://developer.chrome.com/blog/autoplay/#new-behaviors), [Safari](https://developer.apple.com/documentation/webkit/delivering_video_content_for_safari#3030251) тощо.

2. Ви також можете розтягнути область відображення відео, перетягуючи «важіль» знизу:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/image_1sx3uld.png)

[Опублікуйте сайт](https://help.weblium.com/uk/article/publikaciya-sajtu-16hom55/), щоб застосувати зміни.

| ${color}[#1aa900](Підказка:) перегляньте статтю про [Керування елементами](https://help.weblium.com/uk/article/keruvannya-elementami-1ok28k/), щоб дізнатися як можна переміщувати, дублювати та управляти відео як елементом.