Как добавить видео на Wix-сайт

Есть несколько способов добавления видеоролика на ваш Wix-сайт: добавить видео из социальных сетей YouTube, Vimeo, Facebook и Dailymotion (последний, похоже, частично заблокирован в России), использовать приложение Wix Video или добавить Видеобокс (Video Elements).

Ещё можно использовать встроенную галерею для сайта Wix Gallery Pro — она тоже поддерживает добавление видео — или использовать сторонние приложения для сайта на Wix: iPlayerHD, 123videoads и приложение Слайдер от POWr. Правда, все сторонние решения будут платными.

Способы добавления видео на Wix-сайт (wix2b.ru)
Способы добавления видео на Wix-сайт (wix2b.ru)

Видео из соцсетей

Самый простой способ — добавить на сайт видео из социальных сетей. достаточно просто добавить встроенный плеер соцсети на сайт Wix и в настройках изменить адрес видео. Размеры плеера можно изменить, также можно поменять элементарные настройки оформления (тень, цвет и форму рамки).

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

Настройка видеоплеера социальных сетей на сайте Wix
Настройка видеоплеера социальных сетей на сайте Wix

Wix Video

Второй способ — использование приложение Wix Video — подойдёт не всем, потому что этот инструмент создан прежде всего для распространения профессионального видеоконтента на сайте. Wix Video позволяет создавать каналы, устанавливать цену для отдельных видеороликов или организовать доступ к видео по подписке.

Использование приложения Wix Video платное, чтобы использовать это приложение понадобится один из расширенных премиум-планов.

Настройка приложения Wix Video, wix2b.ru
Настройка приложения Wix Video, wix2b.ru

Видеобокс

Самый простой способ для добавления видео в качестве элемента оформления сайта — использовать видеобокс (Video Elements).

Пример стандартного видеобокса Wix
Пример стандартного видеобокса Wix

Чтобы добавить видеобокс на сайт, нужно кликнуть на любой элемент в разделе Видео > Video Elements. После этого на странице вашего сайта появится видеобокс в одном из стандартных оформлений с предустановленным видео.

Загрузите на сайт свой видео файл и замените его в видеобоксе: клик > Заменить видео.

Обложка для видео

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

В качестве обложки бокса можно бырать одну из трёх, которые Wix определит автоматически или загрузить свою. При загрузке своего графического файла обложки не забудьте учесть фактические размеры видеобокса на странице — их можно менять в соответствии с вёрсткой вашего сайта.

Добавление обложки видеобокса на Wix-сайт (wix2b.ru)
Добавление обложки видеобокса на Wix-сайт (wix2b.ru)

Паттерны

После недавнего обновления появилась возможность накладывать на видео верхний слой в виде статичного или динамического паттерна. Изменить можно также в меню Дизайн видеобокса > Слой паттерна

Добавление слоя паттерна к видеобоксу, wix2b.ru
Добавление слоя паттерна к видеобоксу, wix2b.ru

Контур, граница, тень и кнопка воспроизведения

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

Также можно настроить цвета кнопки плеера в соответствии с цветовой палитрой сайта.

Настройка конопки воспроизведения в видеобоксе Wix, wix2b.ru
Настройка конопки воспроизведения в видеобоксе Wix, wix2b.ru

Интересная возможность — настройка так называемого Контура или скругления углов видеобокса. При помощи этой настройки (Дизайн > Контур) можно создать видеобокс неправильной формы или в виде круга.

Создание круглого видеобокса на сайте Wix, wix2b.ru
Создание круглого видеобокса на сайте Wix, wix2b.ru

Чтобы создать круглый видеобокс для начала измените размеры элемента на странице: сделайте его квадратным просто потянув за края видеобокса. Ориентироваться можно на значения в пикселях в панеле инструменты, где W — это ширина объекта, а H — его высота.

После того, как вы сделали квадратный видеобокс, перейдите к изменению его дизайна в пункт Контур и выставьте значения радиуса углов на 600 px — получится круг.

Чтобы сделать видеобокс неправильной формы, отключите зависимость радиуса углов друг от друга (клик по значку цепочки в середине) и установите произвольные значения радиуса для каждогого угла видеобокса.

Создание видеобокса на сайте Wix неправильнйо формы
Создание видеобокса на сайте Wix неправильнйо формы

Больше инструкций и лайфхаков по Wix на wix2b.ru