Умные видео-вставки в редакторе, видео-галерея

DVIDEO — удобная вставка видео для DIAFAN.CMS

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



Главное — видео вставляется прямо из редактора

Рядом со штатным редактором DIAFAN.CMS появляется кнопка DVIDEO.

Нажмите её, вставьте ссылку на видео — и модуль сразу покажет живой предпросмотр будущего ролика.

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

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



Лёгкая загрузка страницы

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

Вместо тяжёлого iframe на странице показывается лёгкая обложка ролика. Сам плеер создаётся только после клика пользователя.

Это особенно полезно на страницах с несколькими видео: сайт не загружает сразу множество внешних плееров и лишних ресурсов.



Видео можно размещать практически в любых материалах сайта

DVIDEO подходит для:

• статей и новостей;
• товаров и карточек каталога;
• обычных страниц сайта;
• информационных материалов;
• других мест, где DIAFAN.CMS поддерживает штатные шаблонные теги.



Один ролик, галерея или подборка видео

Модуль умеет выводить не только одиночные ролики.

Доступны разные варианты представления:

• один видеоролик;
• галерея видео;
• большой основной плеер со списком роликов;
• сетка видео;
• вывод непосредственно внутри текста;
• открытие видео через штатный Fancybox DIAFAN.CMS.

Для вертикальных роликов можно использовать формат 9:16 и отдельное ограничение ширины.



Поддержка популярных видеосервисов и собственных файлов

DVIDEO работает с популярными источниками видео:

• YouTube;
• YouTube Shorts;
• Rutube;
• Rutube Shorts;
• Vimeo;
• Dailymotion;
• VK Video через официальную ссылку для встраивания;
• собственные MP4, WebM, Ogg/OGV и M4V-файлы.

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



Собственная библиотека видео

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

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

Один и тот же ролик не приходится каждый раз настраивать заново.



Что получает владелец сайта

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

DVIDEO делает работу с видео в DIAFAN.CMS такой же простой, как вставку обычной ссылки: добавили адрес ролика, увидели результат и вставили готовое видео в текст.

Установка DVIDEO

1. Установите дополнение стандартными средствами DIAFAN.CMS.

2. После установки откройте раздел DVIDEO в административной части сайта.

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

4. При необходимости добавьте часто используемые ролики в библиотеку DVIDEO.

5. Откройте статью, товар, страницу или другой материал со штатным редактором DIAFAN.CMS.

6. Нажмите кнопку DVIDEO рядом с редактором.

7. Вставьте ссылку на ролик или выберите видео из библиотеки.

8. Проверьте живой предпросмотр, при необходимости измените параметры и нажмите кнопку вставки.

DVIDEO самостоятельно сформирует штатный тег DIAFAN.CMS и вставит его в нужную позицию текста.

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