Используйте Виджет Видео чтобы добавить видеоролик на страницу сайта.
ВАЖНО: встраивание видео реализовано из сервисов Vimeo и YouTube, поэтому видеоролик должен быть предварительно загружен на одну из этих платформ.
1. Создайте страницу с типом Новая страница и добавьте виджет Видео, перетащив его в нужную область страницы.
2. Скопируйте ссылку на ваш ролик на Vimeo или YouTube.
Для получения ссылки на видео, размещенного на Vimeo, необходимо нажать кнопку Share.
И скопировать ссылку в строке Link.
Если ваш ролик находится на YouTube, перейдите на страницу ролика и скопируйте ссылку в адресной строке браузера. Или можно скопировать ссылку, находясь на странице настроек вашего видео в аккаунте YouTube.
Для получения ссылки на ролик формата Shorts в YouTube, вам нужно нажать правой кнопкой мыши на видео и выбрать Копировать URL-видео.
3. Полученную ссылку добавьте в поле для ввода ссылки и нажмите Сохранить.
ВАЖНО: на сайт можно добавить только те ролики с Vimeo, для которых нет запрета для встраивания. При попытке добавить ролик, у которого активна эта настройка, вы увидите ошибку. Разрешить встраивание видео необходимо в вашем аккаунте на Vimeo, выбрав в пункте Where can this be embedded? вариант «Anywhere». Также в параметре Who can watch? может быть выбран один из вариантов: «Private», «Hide from Vimeo» или «Public». При других настройках ролик не может быть встроен на сайт.
С YouTube можно добавить ролики, для которых нет запрета для встраивания и нет ограничений доступа. При попытке добавить ролик, у которого есть ограничения доступа или не активна настройка встраивания, вы также увидите ошибку. Разрешить встраивание видео необходимо в вашем аккаунте на YouTube.
4. Для изменения загруженного видео, перейдите в настройки виджета, кликнув по значку шестеренки в правом верхнем углу.
Для ролика доступны следующие настройки:
— Замена ролика. Для изменения видео, добавьте новую ссылку в поле Ссылка на видео (Youtube или Vimeo) и сохраните изменения.
— Настройка ширины видео-ролика. Перетащите бегунок Ширина видео в % в нужное значение и сохраните изменения.
— Выравнивание ролика. По умолчанию ролик будет размещен по центру, но вы можете выбрать выравнивание по левому или правому краю.
— Добавление подписи к видео. Добавьте текст в поле Подпись к видео и настройте для нее цвет и выравнивание. Сохраните изменения.
— Открывать видео во всплывающем окне. Эта настройка позволяет просматривать ролик в поп-ап. При этом на сайте останется превью ролика в виде изображения, кликнув на которое пользователь откроет ролик во всплывающем окне. При необходимости, изображение для превью можно добавлять свое.
Особенности добавления видео с Vimeo
Плеер Vimeo подстраивается под размер вашего ролика. Это позволяет добавлять на сайт вертикальные ролики, снятые с мобильного устройства, и при этом у видео не будут добавляться поля проигрывателя.
Особенности добавления видео с 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
Более подробный список параметров вы найдете по ссылке Параметры проигрывателя.