Как вставить на сайт Shorts видео с Youtube
Формат видео Shorts на Youtube – это вертикально ориентированные ролики до 60 секунд, которые могут сопровождаться субтитрами и музыкой. Такой формат роликов удобно использовать для размещения на сайте небольших видео, снятых на телефон.
- В системе управления сайтом откройте страницу, на которой вы хотите разместить видео, и добавьте Виджет Встроенный код, перетянув его в нужную область страницы.
- Нажмите кнопку Добавить код, скопируйте весь код, добавленный ниже, и вставьте в Виджет Встроенный код.
Код для копирования:
<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>
Результат должен выглядеть так, как на скриншоте:
- Откройте ваш ролик Shorts на Youtube.
- Нажмите правой кнопкой мыши на само видео и выберите Копировать HTML-код.
- Добавьте скопированный код в системе управления сайтом сразу после строки
<!--Ниже добавьте код Shorts ролика -->
Должно получиться так:
Не забудьте сохранить изменения.
Для роликов Shorts можно добавить параметры, которые позволят более точно управлять воспроизведением ролика и его отображением. Подробнее о настройке параметров ролика в руководстве YouTube Параметры проигрывателя.
Для добавления горизонтальных роликов используйте Виджет Видео. Подробнее о добавлении видео этим способом вы можете почитать в руководстве Виджет Видео.
Последнее изменение: 24/03/2026
Спасибо!