header-logo
Узнайте как использовать Wix для создания своего сайта и бизнеса.
Создавайте и управляйте своим сайтом, используя интуитивно понятные функции Wix.
Управляйте подписками, планами и счетами.
Управляйте своим бизнесом и общайтесь с пользователями.
Узнайте, как приобрести, подключить или перенести домен на свой сайт.
Получите инструменты для развития вашего бизнеса и присутствия в интернете.
Повышайте свою видимость с помощью инструментов SEO и маркетинга.
Получайте расширенные функции, которые помогут вам работать более эффективно.
Находите решения, узнавайте об известных неполадках или свяжитесь с нами.
placeholder-preview-image
Совершенствуйте навыки с помощью наших курсов и учебных статей.
Получайте рекомендации по веб-дизайну, маркетингу и многому другому.
Узнайте, как увеличить органический трафик из поисковых систем.
Создайте собственный сайт на нашей полнофункциональной платформе.
Найдите подходящего специалиста, который поможет вам достичь целей.
placeholder-preview-image
В этой статье
  • Добавление видеобокса
  • Выбор видео
  • Изменение поведения видеобокса
  • Настройка кнопки воспроизведения
  • Дизайн видеобокса
  • Применение маски к видеобоксу
  • Часто задаваемые вопросы

Редактор Wix: использование Видеобоксов

5 мин.
Произведите сильное впечатление и заинтригуйте посетителей с помощью эффектного визуального контента. Размещайте свои видео, бесплатные видео от Wix или профессиональные видео от Shutterstock в уникальных Видеобоксах.
Сначала выберите дизайн видеобокса, который вам нравится, добавьте видео, а затем приступайте к настройке. Вы можете настроить форму и границы бокса, добавить стильный узор наложения или динамичную видеомаску, настроить кнопку воспроизведения и многое другое.
GIF: 3 видеобокса, каждый из которых отображает яркие цвета и графику.

Добавление видеобокса

Для начала выберите дизайн видеобокса на панели «Добавить элементы», чтобы добавить его на сайт. Наведите курсор на видеобокс, чтобы увидеть эффекты в движении. После добавления на сайт вы можете оставить текущее видео или выбрать другое в Медиаменеджере.

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

  1. Перейдите в редактор.
  2. Нажмите Добавить элементы слева в редакторе.
  3. Нажмите Видео и музыка.
  4. Нажмите Видеобокс.
  5. Нажмите на видеобокс или перетащите его на страницу.
    Совет: нажмите Другие видео, чтобы выбрать файл из Медиаменеджера или загрузить свой.
Скриншот панели «Добавить элементы» в редакторе Wix. Выбрано «Видео и музыка», отображаются параметры видео.

Выбор видео

После добавления видеобокса выберите видео в Медиаменеджере. У нас есть множество вариантов: вы можете добавить бесплатное видео Wix, купить видео Shutterstock или загрузить свой файл.

Чтобы изменить видео в видеобоксе:

  1. Нажмите на видеобокс в редакторе.
  2. Нажмите Изменить видео.
  3. Просмотрите библиотеку файлов Wix, Shutterstock или нажмите Загрузить файлы, чтобы добавить свои.
  4. Выбрав видео, нажмите Добавить на страницу.
Скриншот бесплатных медиафайлов от Wix в Медиаменеджере.

Изменение поведения видеобокса

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

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

  1. Нажмите на видеобокс в редакторе.
  2. Нажмите на иконку Поведение .
  3. Настройте параметры воспроизведения и звука:
    • Выберите, как будет запускаться видео: по клику, при наведении или автоматически.
    • Настройте зацикленный повтор видео или повтор по клику.
    • Настройте воспроизведение видео в замедленном режиме или со звуком.
      Совет: эти параметры доступны только для видео, которые были записаны в замедленном режиме и/или со звуком. Многие видео от Wix поддерживают эти функции.
Скриншот панели поведения Видеобокса в редакторе Wix.
Важно:
  • Большинство интернет-браузеров разрешают автозапуск видео только с выключенным звуком. Если для видеобокса настроено автоматическое воспроизведение, видео будет проигрываться без звука.
  • Посетители могут ставить видео на паузу и запускать его по умолчанию на опубликованном сайте. Это поведение нельзя отключить.

Настройка кнопки воспроизведения

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

Чтобы настроить кнопку воспроизведения видеобокса:

  1. Нажмите на большую кнопку воспроизведения на видео.
  2. Нажмите Изменить большую кнопку воспроизведения.
  3. Выберите новый дизайн из списка или нажмите Настроить дизайн, чтобы отрегулировать цвет и прозрачность кнопки.
Скриншот большой кнопки воспроизведения в редакторе Wix. Выбрано «Изменить большую кнопку воспроизведения», отображаются различные кнопки.

Дизайн видеобокса

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

Чтобы изменить дизайн видеобокса:

  1. Нажмите на видеобокс в редакторе.
  2. Нажмите на иконку Дизайн .
  3. Настройте дизайн видеобокса: выберите обложку, узор наложения, настройте контур и многое другое.
GIF: открытая панель дизайна видеобокса, курсор наведен на различные варианты дизайна.

Применение маски к видеобоксу

С видеобоксом ваше видео больше не ограничено традиционным прямоугольным форматом. Вы можете применить видеомаску, чтобы придать видео уникальную форму и создать впечатляющий визуальный эффект.
Вам доступны тысячи фигур и векторной графики, а также возможность загрузить собственный SVG-файл с уникальной формой.

Чтобы применить маску к видеобоксу:

  1. Нажмите на видеобокс в редакторе.
  2. Нажмите на иконку Маска .
  3. Выберите форму для видеобокса одним из следующих способов:
    • Выберите форму из списка.
    • Нажмите на иконку Добавить , чтобы просмотреть другие фигуры и графику в Медиаменеджере. Вы также можете загрузить собственный SVG-файл.
GIF: иконка маски выбрана, панель масок открыта, курсор наведен на различные эффекты маски.

Часто задаваемые вопросы

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

Helpmate

Привет,

Нужны дополнительные рекомендации?
Краткое содержание этой статьи
Unlock personalized helpLog in to get the most out of Helpmate.