Используйте Виджет Видео чтобы добавить видеоролик на страницу сайта.
ВАЖНО: встраивание видео реализовано из сервисов Vimeo, YouTube, ВКонтакте и Rutube, поэтому видеоролик должен быть предварительно загружен на одну из этих платформ.
1. Создайте страницу с типом Новая страница и добавьте виджет Видео, перетащив его в нужную область страницы. Добавьте ссылку на ролик и сохраните настройки. И видео будет встроено на сайт.
Как добавить ссылку на ролик из Vimeo
Для получения ссылки на видео, размещенного на Vimeo, необходимо нажать кнопку Share.
И скопировать ссылку в строке Link.
Обратите внимание, на сайт можно добавить только те ролики из Vimeo, для которых нет запрета для встраивания. При попытке добавить ролик, у которого активна эта настройка, вы увидите ошибку. Разрешить встраивание видео необходимо в вашем аккаунте на Vimeo, выбрав в пункте Where can this be embedded? вариант «Anywhere». Также в блоке Link может быть выбран один из вариантов: «Unlisted», «Hide from Vimeo» или «Public». При других настройках ролик не может быть встроен на сайт.
Плеер Vimeo подстраивается под размер вашего ролика. Это позволяет добавлять на сайт вертикальные ролики, снятые с мобильного устройства, и при этом у видео не будут добавляться поля проигрывателя.
Как добавить ссылку на ролик из ВКонтакте
Для получения ссылки на видео из ВКонтакте, также откройте ролик и скопируйте его адрес, как на примере.
ВАЖНО: Для возможности добавить ролик из ВКонтакте, вам необходимо быть авторизованным в вашем аккаунте во ВКонтакте. Ролик должен быть в общем доступе. Добавление роликов доступно только из сообщества ВКонтакте. Из личной страницы встраивание ролика не будет доступно.
Как добавить ссылку на ролик из RuTube
Перейдите на страницу ролика и скопируйте ссылку в адресной строке браузера.
Из RuTube можно добавить ролики, которые находятся как в общем доступе, а также ролики с доступом по ссылке. Ссылка на ролик, скрытый из общего просмотра, будет иметь специальный параметр — ключ доступа в виде цифр и букв сразу после ID видео. Пример:
Необходимо скопировать всю ссылку с ключом доступа и такой ролик будет доступен для вставки и просмотре на сайте.
RuTube предоставляет встраивание только горизонтального плеера. Если необходимо встроить на сайт видео Shorts, вам понадобится:
1. Откройте нужный ролик Shorts.
2. Замените слово «shorts» на «video» в ссылке на ролик (в адресной строке). Пример:
До замены - https://rutube.ru/shorts/a8ca6eeaef21e0e14cc305422a474370/
После замены - https://rutube.ru/video/a8ca6eeaef21e0e14cc305422a474370/
3. Нажмите Enter на клавиатуре или перезагрузите страницу.
4. Ролик откроется в горизонтальном плеере и такую ссылку вы можете скопировать и встроить на сайт.
Как добавить ссылку из YouTube. Настройка параметров видео.
Перейдите на страницу ролика и скопируйте ссылку в адресной строке браузера. Или можно скопировать ссылку, находясь на странице настроек вашего видео в аккаунте YouTube.
Вы можете также добавить ролик формата Shorts. Для получения ссылки на ролик формата Shorts в YouTube, вам нужно перейти на сам ролик и скопировать в адресной строке только часть ссылки после shorts/. Пример на скриншоте.
Добавьте скопированную часть к эту адресу https://www.youtube.com/watch?v=
Таким образом у вас получится ссылка в формате https://www.youtube.com/watch?v=идентификатор_вашего_ролика
Полученную ссылку вы можете добавить в виджет.
С YouTube можно добавить ролики, для которых нет запрета для встраивания и нет ограничений доступа. При попытке добавить ролик, у которого есть ограничения доступа или не активна настройка встраивания, вы также увидите ошибку. Разрешить встраивание видео необходимо в вашем аккаунте на YouTube.
Для видео с 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
Более подробный список параметров вы найдете по ссылке Параметры проигрывателя.
2. Для изменения загруженного видео, перейдите в настройки виджета, кликнув по значку шестеренки в правом верхнем углу.
Для каждого ролика доступны следующие настройки:
— Замена ролика. Для изменения видео, добавьте новую ссылку в поле Ссылка на видео и сохраните изменения.
— Настройка ширины видео-ролика. Перетащите бегунок Ширина видео в % в нужное значение и сохраните изменения.
— Выравнивание ролика. По умолчанию ролик будет размещен по центру, но вы можете выбрать выравнивание по левому или правому краю.
— Добавление подписи к видео. Добавьте текст в поле Подпись к видео и настройте для нее цвет и выравнивание. Сохраните изменения.
— Открывать видео во всплывающем окне. Эта настройка позволяет просматривать ролик в поп-ап. При этом на сайте останется превью ролика в виде изображения, кликнув на которое пользователь откроет ролик во всплывающем окне. При необходимости, изображение для превью можно добавлять свое.