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

# Как вставить на сайт Shorts видео с Youtube

Формат видео Shorts на Youtube – это вертикально ориентированные ролики до 60 секунд, которые могут сопровождаться субтитрами и музыкой. Такой формат роликов удобно использовать для размещения на сайте небольших видео, снятых на телефон.

1. В системе управления сайтом откройте страницу, на которой вы хотите разместить видео, и добавьте Виджет **Встроенный код**, перетянув его в нужную область страницы.

![screen-29.png](https://storage.crisp.chat/users/helpdesk/website/-/7/8/4/f/784fbba1b0b0e80/a7fd2b35-a77d-4a1f-98a6-de99a1_byd23.png)

2. Нажмите кнопку **Добавить код**, скопируйте весь код, добавленный ниже, и вставьте в Виджет Встроенный код.

Код для копирования:

```
<style>  
.sh-wrap   
{position: relative;   
width: 100%;   
height: 0;   
padding-top: 177.7778%;  
padding-bottom: 0;   
margin-top: 1.6em;   
margin-bottom: 0.9em;   
overflow: hidden;  
border-radius: 8px;   
will-change: transform;  
}  
.sh-wrap iframe {  
position: absolute;   
width: 100%;   
height: 100%;   
top: 0;   
left: 0;   
border: none;   
padding: 0;  
margin: 0;  
}  
</style>  
<div class="sh-wrap">  
<!--Ниже добавьте код Shorts ролика -->

</div>
```

Результат должен выглядеть так, как на скриншоте:

![screen-12.png](https://storage.crisp.chat/users/helpdesk/website/-/5/3/1/5/5315a1e38212c800/7d19ac1f-0b7a-4463-aa1e-be689c_yqnjb7.png)

3. Откройте ваш ролик Shorts на Youtube.

4. Нажмите правой кнопкой мыши на само видео и выберите **Копировать HTML-код**.

![screen-31.png](https://storage.crisp.chat/users/helpdesk/website/-/1/d/6/3/1d6397296f4e2d00/15f4bd64-04ac-4aa2-9033-cec5f8_1tyddjf.png)

5. Добавьте скопированный код в системе управления сайтом **сразу после строки**

```
<!--Ниже добавьте код Shorts ролика --> 
```

Должно получиться так:

![screen-13.png](https://storage.crisp.chat/users/helpdesk/website/-/c/e/f/7/cef73bb6fc5d4800/75757793-bcb4-489f-9a4f-e90bea_nz69oo.png)

Не забудьте сохранить изменения.

Для роликов Shorts  можно добавить параметры, которые позволят более точно управлять воспроизведением ролика и его отображением. Подробнее о настройке параметров ролика в руководстве YouTube [Параметры проигрывателя](https://developers.google.com/youtube/player_parameters?hl=ru).

Для добавления горизонтальных роликов используйте Виджет **Видео**.  Подробнее о добавлении видео этим способом вы можете почитать в руководстве [Виджет Видео](/hc/ru/articles/115001010731).