> ## 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). # Видео Используйте Виджет **Видео** чтобы добавить видеоролик на страницу сайта. > **ВАЖНО**: встраивание видео реализовано из сервисов Vimeo, YouTube, ВКонтакте и Rutube, поэтому видеоролик должен быть предварительно загружен на одну из этих платформ. 1. Создайте страницу с типом **Новая страница** и добавьте виджет **Видео**, перетащив его в нужную область страницы. Добавьте ссылку на ролик и сохраните настройки. И видео будет встроено на сайт. ![page-76.gif](https://storage.crisp.chat/users/helpdesk/website/-/a/a/5/d/aa5d135260adb000/366d2671-5f9d-4b73-8822-3e1568_11jaduw.gif) --- # [Как добавить ссылку на ролик из Vimeo](#h_01HAM25KDM8TQ880Z5RPPK6WCX) Для получения ссылки на видео, размещенного на Vimeo, необходимо нажать кнопку **Share**. ![Screenshot-131.png](https://storage.crisp.chat/users/helpdesk/website/-/d/9/3/8/d9388a12615ff80/5dfd56f0-423e-46a7-b303-83be16_14tbad8.png) И скопировать ссылку в строке **Link**. ![Screenshot-132.png](https://storage.crisp.chat/users/helpdesk/website/-/9/d/f/8/9df8321360e7e000/05e59c43-2b2a-4dd7-b9a0-064cf5_1vwuoj8.png) Обратите внимание, на сайт можно добавить только те ролики из Vimeo, для которых нет запрета для встраивания. При попытке добавить ролик, у которого активны эти настройки, вы увидите ошибку. Разрешить встраивание видео необходимо в вашем аккаунте на Vimeo. В блоке **Share** в разделе **Privacy** выберите один из вариантов: «Unlisted», «Hide from Vimeo» или «Public». А в разделе **Embed** —  «Anywhere». При других настройках ролик не может быть встроен на сайт. Плеер Vimeo подстраивается под размер вашего ролика. Это позволяет добавлять на сайт вертикальные ролики, снятые с мобильного устройства, и при этом у видео не будут добавляться поля проигрывателя. --- # [Как добавить ссылку на ролик из ВКонтакте](#h_01J967G8MKW982067BZNDC8ARN) Для получения ссылки на видео из ВКонтакте, вы можете нажать на ролик правой кнопкой мыши и выбрать опцию **Скопировать ссылку на видео**. Или можно открыть ролик и скопировать адрес в строке браузера, как на примере. ![screen-52.png](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/2/6082a31f3890d800/7157ba6f-2e90-4b4c-b7ea-e3fca9_o7zy4k.png) > **ВАЖНО**: Для возможности добавить ролик из ВКонтакте, вам необходимо быть авторизованным в вашем аккаунте во ВКонтакте. Ролик должен быть в общем доступе. --- # [Как добавить ссылку на ролик из RuTube](#h_01J7E1SW8GA5GXHWAQ7G5YX4KK) Перейдите на страницу ролика и скопируйте ссылку в адресной строке браузера. ![screen-51.png](https://storage.crisp.chat/users/helpdesk/website/-/d/e/9/0/de90f05887aa2000/e5fd46a2-3de1-4b77-ab0b-898a46_p5di6v.png) Из RuTube можно добавить ролики, которые находятся как в общем доступе, а также ролики с доступом по ссылке. Ссылка на ролик, скрытый из общего просмотра, будет иметь специальный параметр — ключ доступа в виде цифр и букв сразу после ID видео. Пример: ![screen-11.png](https://storage.crisp.chat/users/helpdesk/website/-/3/0/8/e/308e4b2c855e6200/440b233e-03ff-467d-805c-6436e3_1n8inhr.png) Необходимо скопировать всю ссылку с ключом доступа и такой ролик будет доступен для вставки и просмотре на сайте. RuTube предоставляет встраивание только горизонтального плеера. Если необходимо встроить на сайт видео Shorts, вам понадобится: 1. Откройте нужный ролик Shorts. 2. Замените слово «shorts» на «video» в ссылке на ролик (в адресной строке). Пример: До замены - **https://rutube.ru/shorts/a8ca6eeaef21e0e14cc305422a474370/**  После замены - **https://rutube.ru/video/a8ca6eeaef21e0e14cc305422a474370/** 3. Нажмите Enter на клавиатуре или перезагрузите страницу. 4. Ролик откроется в горизонтальном плеере и такую ссылку вы можете скопировать и встроить на сайт. --- # [Как добавить ссылку из YouTube. Настройка параметров видео.](#h_01HAM25KDMSPHMAHQ6HNV7C97D) Перейдите на страницу ролика и скопируйте ссылку в адресной строке браузера. Или можно скопировать ссылку, находясь на странице настроек вашего видео в аккаунте YouTube. ![screen-56.png](https://storage.crisp.chat/users/helpdesk/website/-/1/5/6/d/156d794554f7dd00/d406854b-ce01-4eed-879f-86d319_1hz6mtc.png) Вы можете также добавить ролик формата Shorts. Для получения ссылки на ролик формата Shorts в YouTube, вам нужно перейти на сам ролик и скопировать в адресной строке только часть ссылки после **shorts/**. Пример на скриншоте. ![screen-47.png](https://support.vigbo.tech/hc/article_attachments/10471915401372) Добавьте скопированную часть к эту адресу **https://www.youtube.com/watch?v=** Таким образом у вас получится ссылка в формате **https://www.youtube.com/watch?v=идентификатор_вашего_ролика** Полученную ссылку вы можете добавить в виджет. С YouTube можно добавить ролики, для которых нет запрета для встраивания и нет ограничений доступа. При попытке добавить ролик, у которого есть ограничения доступа или не активна настройка встраивания, вы также увидите ошибку. Разрешить встраивание видео необходимо в вашем аккаунте на YouTube. ![screen-53.png](https://support.vigbo.tech/hc/article_attachments/4414678790290) Для видео с YouTube можно добавить параметры, которые позволят более точно управлять воспроизведением ролика и его отображением. Параметры добавляются в ссылку ролика через амперсанд (&). Примеры параметров: * запрет показа похожих роликов — rel=0. * Автозапуск ролика — autoplay=1. * Запрет на управление воспроизведением ролика с помощью клавиатуры — disablekb=1. Теперь «пробелом» видео не остановить. * Запрет на «разворачивание» на весь экран — fs=0. * Воспроизведение видео через N секунд после загрузки — start=N. * Воспроизведение видео по кругу — loop=1. Например, если прописать параметры видео YouTube таким образом https://www.youtube.com/watch?v=HWxduBhTGxc**&rel=0&autoplay=1&mute=1&start=23**, то произойдёт автозапуск ролика с 23-й секунды, а также не будут отображаться «похожие» видео в конце его воспроизведения. > **ВАЖНО**: большинство браузеров ограничивают автовоспроизведение роликов, поэтому параметр autoplay=1 работает только в паре с параметром mute=1. > > Параметр loop работает только, когда указан параметр playlist. Чтобы «закольцевать» одно видео, установите для параметра loop значение 1, а для параметра playlist укажите тот же идентификатор видео, что и в URL. Пример: https://www.youtube.com/watch?v=**RyfpoHgGVC8**&loop=1&playlist=**RyfpoHgGVC8** Более подробный список параметров вы найдете по ссылке [Параметры проигрывателя](https://developers.google.com/youtube/player_parameters). 2. Для изменения загруженного видео, перейдите в настройки виджета, кликнув по значку шестеренки в правом верхнем углу. Для каждого ролика доступны следующие настройки: — Замена ролика. Для изменения видео, добавьте новую ссылку в поле **Ссылка на видео** и сохраните изменения. ![screen-57.png](https://support.vigbo.tech/hc/article_attachments/4414687704082) — Настройка ширины видео-ролика. Перетащите бегунок **Ширина видео в %** в нужное значение и сохраните изменения. ![screen-58.png](https://support.vigbo.tech/hc/article_attachments/4414687765394) — Выравнивание ролика. По умолчанию ролик будет размещен по центру, но вы можете выбрать выравнивание по левому или правому краю. ![screen-59.png](https://support.vigbo.tech/hc/article_attachments/4414693829138) — Добавление подписи к видео. Добавьте текст в поле **Подпись к видео** и настройте для нее цвет и выравнивание. Сохраните изменения. ![screen-60.png](https://support.vigbo.tech/hc/article_attachments/4414687836306) — Открывать видео во всплывающем окне. Эта настройка позволяет просматривать ролик в поп-ап. При этом на сайте останется превью ролика в виде изображения, кликнув на которое пользователь откроет ролик во всплывающем окне. При необходимости, изображение для превью можно добавлять свое. ![screen-62.png](https://support.vigbo.tech/hc/article_attachments/4414688119058)