Виджет “Видео”

Виджет “Видео” позволит показывать видео на вашем сайте. Он может включаться автоматически или по нажатию на кнопку “Play”.

1000338

Как установить виджет “Видео”?

Есть два варианта установки видео.

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

1000339

 

Вариант 2. Виджет “Видео”

Добавим виджет “Видео” на существующую секцию.

1000340

Настройки виджета “Видео”

1000342

 

Видео-сервис

Выбираем сервис для показа видео: YouTube или Vimeo.

Ссылка на видео YouTube/Vimeo

В данное поле вставляем ссылку на видео.
Например:
ссылка на видео с YouTubehttp://www.youtube.com/watch?v=3oem-M2tQU4
ссылка на видео с Vimeohttps://vimeo.com/6863198

Автоматически воспроизводить видео

Ставим галочку – и видео будет запускаться автоматически.

1000343

 

 

Как разместить видео во всплывающем окне?

Виджет можно размещать прямо на странице или во всплывающем окне.

Разместить видео во всплывающем окне можно с помощью виджета “Видео кнопка“.

1000345

Первый вид кнопки

1000350

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

В настройках виджета можно указать:

  • цвет кнопки
  • размер кнопки
  • положение кнопки (слева, по центру, справа)
  • доступ к исходному коду для самостоятельного редактирования виджета.

Чтобы открыть всплывающее окно с видео, необходимо нажать на иконку в редакторе.

1000353

 

В появившемся окне будет виджет “Видео” и блок, в котором можно разместить любые нужные виджеты, например, текст с описанием.

Чтобы закрыть окно с видео, нажимаем на любую точу за пределами окна.

Второй вид кнопки

1000351

Второй вид кнопки позволяет разместить видео во всплывающем окне, которое открывается по клику на кнопку с текстом.

В настройках виджета можно указать:

  • Положение кнопки с текстом
  • Цвет кнопки
  • Размер кнопки
  • Отступ от кнопки
  • Непрозрачность текста

Чтобы открыть всплывающее окно с видео, необходимо нажать на иконку в редакторе.

1000354

В появившемся окне будет виджет “Видео” и блок, в котором можно разместить любые нужные виджеты, например текст с описанием.

Чтобы закрыть окно с видео, нажимаем на любую точу за пределами окна.

Как изменить текст рядом с кнопкой?

Текст рядом с кнопкой редактируется как обычный виджет “Текст”: достаточно кликнуть на него и задать нужные настройки текста.

Третий вид кнопки

1000352

Данный вид кнопки позволяет разместить видео во всплывающем окне, которое будет открываться по клику на кнопку с изображением на фоне.

В настройках виджета можно указать:

  • Положение кнопки
  • Цвет кнопки
  • Инвертировать цвета
  • Размер кнопки
  • Размер тени кнопки
  • Размер картинки в фоне
  • Скругление картинки
  • Затемнение

 

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

Похожие статьи