Создать сайт

Как установить фоновое видео для блока?

 
 
 

Чтобы установить видео в качестве фона блока, наведите указатель мыши на нужный блок и выберите опцию «Оформление»:

В открывшихся настройках перейдите во вкладку «Видео». Добавьте ссылку на видеоролик из YouTube или Vimeo. На панели настроек видеофона можно:

  • заменить превью для видео;
  • установить наложение цвета и выбрать его прозрачность;
  • выровнять видео по одной из сторон или по центру;
  • установить масштабирование;
  • задать скорость проигрывания ролика;
  • добавить визуальные эффекты.

Как встроить видео из YouTube и RuTube

Чтобы видео корректно отображалось на вашем сайте, убедитесь, что в настройках видеохостинга разрешено встраивание на сторонние сайты.

YouTube:

Видео из раздела «Shorts» встроить не получится. Однако вы можете изменить тип ссылки, чтобы использовать видео как обычное.

Для этого:

  1. Скопируйте ссылку на видео в формате: https://www.youtube.com/shorts/xxxxxxxxxxx
  2. Замените её на: https://www.youtube.com/watch?v=xxxxxxxxxxx

    Где xxxxxxxxxxx — это ID видео, который вы берёте из адресной строки браузера.

После этого видео можно встроить в фон блока или через виджет.

RuTube:

Видео из раздела «Shorts» на RuTube также не поддерживаются для размещения.

Чтобы использовать такое видео:

  1. Скопируйте ссылку в формате: https://rutube.ru/shorts/xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx/
  2. Замените её на: https://rutube.ru/video/xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx/

После замены ссылка будет работать корректно в фонах и виджетах «Видео».

Примечание:

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

Попробуйте прямо сейчас!

Создать сайт
Помогла ли вам статья?
Статья оказалась полезной для 16 человек