Статьи по теме: Заполнение сайта

Видео

Используйте Виджет Видео чтобы добавить видеоролик на страницу сайта.


ВАЖНО: встраивание видео реализовано из сервисов Vimeo, YouTube, ВКонтакте и Rutube, поэтому видеоролик должен быть предварительно загружен на одну из этих платформ.


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


page-76.gif



Как добавить ссылку на ролик из Vimeo


Для получения ссылки на видео, размещенного на Vimeo, необходимо нажать кнопку Share.


Screenshot-131.png


И скопировать ссылку в строке Link.


Screenshot-132.png


Обратите внимание, на сайт можно добавить только те ролики из Vimeo, для которых нет запрета для встраивания. При попытке добавить ролик, у которого активны эти настройки, вы увидите ошибку. Разрешить встраивание видео необходимо в вашем аккаунте на Vimeo. В блоке Share в разделе Privacy выберите один из вариантов: «Unlisted», «Hide from Vimeo» или «Public». А в разделе Embed —  «Anywhere». При других настройках ролик не может быть встроен на сайт.


Плеер Vimeo подстраивается под размер вашего ролика. Это позволяет добавлять на сайт вертикальные ролики, снятые с мобильного устройства, и при этом у видео не будут добавляться поля проигрывателя.



Как добавить ссылку на ролик из ВКонтакте


Для получения ссылки на видео из ВКонтакте, вы можете нажать на ролик правой кнопкой мыши и выбрать опцию Скопировать ссылку на видео. Или можно открыть ролик и скопировать адрес в строке браузера, как на примере.


screen-52.png


ВАЖНО: Для возможности добавить ролик из ВКонтакте, вам необходимо быть авторизованным в вашем аккаунте во ВКонтакте. Ролик должен быть в общем доступе.



Как добавить ссылку на ролик из RuTube


Перейдите на страницу ролика и скопируйте ссылку в адресной строке браузера.


screen-51.png


Из RuTube можно добавить ролики, которые находятся как в общем доступе, а также ролики с доступом по ссылке. Ссылка на ролик, скрытый из общего просмотра, будет иметь специальный параметр — ключ доступа в виде цифр и букв сразу после ID видео. Пример:


screen-11.png


Необходимо скопировать всю ссылку с ключом доступа и такой ролик будет доступен для вставки и просмотре на сайте.


RuTube предоставляет встраивание только горизонтального плеера. Если необходимо встроить на сайт видео Shorts, вам понадобится:


  1. Откройте нужный ролик Shorts.


  1. Замените слово «shorts» на «video» в ссылке на ролик (в адресной строке). Пример:

До замены - https://rutube.ru/shorts/a8ca6eeaef21e0e14cc305422a474370/ 

После замены - https://rutube.ru/video/a8ca6eeaef21e0e14cc305422a474370/


  1. Нажмите Enter на клавиатуре или перезагрузите страницу.


  1. Ролик откроется в горизонтальном плеере и такую ссылку вы можете скопировать и встроить на сайт.



Как добавить ссылку из YouTube. Настройка параметров видео.


Перейдите на страницу ролика и скопируйте ссылку в адресной строке браузера. Или можно скопировать ссылку, находясь на странице настроек вашего видео в аккаунте YouTube.


screen-56.png


Вы можете также добавить ролик формата Shorts. Для получения ссылки на ролик формата Shorts в YouTube, вам нужно перейти на сам ролик и скопировать в адресной строке только часть ссылки после shorts/. Пример на скриншоте.


screen-47.png


Добавьте скопированную часть к эту адресу https://www.youtube.com/watch?v=


Таким образом у вас получится ссылка в формате https://www.youtube.com/watch?v=идентификатор_вашего_ролика


Полученную ссылку вы можете добавить в виджет.


С YouTube можно добавить ролики, для которых нет запрета для встраивания и нет ограничений доступа. При попытке добавить ролик, у которого есть ограничения доступа или не активна настройка встраивания, вы также увидите ошибку. Разрешить встраивание видео необходимо в вашем аккаунте на YouTube.


screen-53.png


Для видео с 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


Более подробный список параметров вы найдете по ссылке Параметры проигрывателя.


  1. Для изменения загруженного видео, перейдите в настройки виджета, кликнув по значку шестеренки в правом верхнем углу.


Для каждого ролика доступны следующие настройки:


— Замена ролика. Для изменения видео, добавьте новую ссылку в поле Ссылка на видео и сохраните изменения.


screen-57.png


— Настройка ширины видео-ролика. Перетащите бегунок Ширина видео в % в нужное значение и сохраните изменения.


screen-58.png


— Выравнивание ролика. По умолчанию ролик будет размещен по центру, но вы можете выбрать выравнивание по левому или правому краю.


screen-59.png


— Добавление подписи к видео. Добавьте текст в поле Подпись к видео и настройте для нее цвет и выравнивание. Сохраните изменения.


screen-60.png


— Открывать видео во всплывающем окне. Эта настройка позволяет просматривать ролик в поп-ап. При этом на сайте останется превью ролика в виде изображения, кликнув на которое пользователь откроет ролик во всплывающем окне. При необходимости, изображение для превью можно добавлять свое.


screen-62.png

Последнее изменение: 24/03/2026

Была ли эта статья полезна?

Поделиться отзывом

Отменить

Спасибо!