> ## 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/ru/article/dobavlenie-fona-na-sajt-1uwtdfa/).

### Добавление видео элемента

В большинство блоков из нашей галереи вы сможете добавить видео как отдельный элемент. 

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

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1059_cz264q.png)

2. Во всплывающем окне выберите **Видео**: 

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1060_16wf2nu.png)

3. Нажмите на сам элемент и добавьте ссылку на видео в соответствующем поле:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1061_4we3ae.png)

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

### Преобразование компонента картинки в видео

Если в выбранном вами блоке есть компонент картинки, его можно преобразовать в компонент для видео. 

1. Для этого кликните на этот контейнер и нажмите на появившийся «бегунок»:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1062_1miyam1.png)

2. В **Настройках медиа** переключите текущую вкладку **Изображение** на **Видео** и добавьте в открывшееся поле ссылку: 

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1063_ih1lk2.png)

| ${color}[#1aa900](Подсказка:) превью видео настраивается на стороне YouTube или Vimeo.

### Настройка видео

1. Как только вы добавите ссылку на видео, появятся следующие настройки:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1064_1o8wtq4.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/template-1065_16hhar3.png)

[Опубликуйте свой сайт](https://webliumhelp.crisp.help/ru/article/publikaciya-sajta-1xvrq6l/), чтобы изменения вступили в силу.

| ${color}[#1aa900](Подсказка:) так как видео — это элемент в блоке, обратитесь к статье [Управление элементами](https://help.weblium.com/ru/article/upravlenie-elementami-cwl3pb/), чтобы узнать как вы можете перемещать его, дублировать и многое другое.