Баннер с видео

Последние изменения: 11.01.2023

Баннер с видео

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

Пример использования на сайте: https://master.sites.skoda-dealer-platform.k8s.vwgroup.dev/models/hockey-edition-overview

a45ed547e04ccaa29c1ac31be2c69c2c.png
ГРУППА: Стейджи
cdf089b1d7141ee2f6527e4a6d434245.png


Настройки виджета:

  • Настройки отступов. При желании вы можете настроить отступы между виджетами. 

По умолчанию они включены:

41a45dd95fe3786ba32e270f4356dffe.png
  • ВИДЕО

Формат видео - mp4

Необходимо импортировать видео в медиа (либо с компьютера добавляете новый файл, либо из библиотеки выбираете уже ранее добавленный файл):

98a932899d00dfac44ddb2e51820356e.png

Рекомендуем загружать видео небольшого размера, использовать онлайн - оптимизаторы без водяных знаков и ухудшения качества видео, например: https://www.freeconvert.com/video-compressor

  • СООТНОШЕНИЕ СТОРОН

Выбираете необходимое соотношение сторон

55952c3085b989f1a4a5ce3cbe816ba1.png
2fb5ce28a8460e68ed3c790b7875b471.png
07b6973b80125c5a426e9f09d1fda496.png
  • НАЗВАНИЕ ВИДЕО - указываем название видео

  • ОПИСАНИЕ - указываем описание видео

  • ДЛИТЕЛЬНОСТЬ (В СЕКУНДАХ) -  указываем длительность видео в секундах



ПРЕВЬЮ

Примеры размеров превью в соотношении 16/9:

  • 1280 × 720

  • 1500 × 844

  • 2000 × 1125

Примеры размеров превью в соотношении 4/3:

  • 1400 × 1050

  • 1600 × 1200

  • 1920 × 1440

  • 2048 × 1536

Рекомендуем оптимизировать изображения перед загрузкой, используя Photoshop и сервис https://tinypng.com/


ПРИМЕР ЗАПОЛНЕНИЯ ВИДЖЕТА

f8e884edd689edc177cfd13ec58489e1.png

Помогла ли вам статья?