← Назад

Пошаговая инструкция

FAQ

Размещение виджета видео на сайте

Ранее вы могли видеть на нашем сайте вот такое окошко с видео:

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

Аудит вашего сайта или консультация по редактору

0₽

подключенного тарифа для конструктор сайтов

+4

месяца

промокод на продвижение в сетях Яндекс

+12.000₽

тарифа чат-ботов, автоворонок и мобильных приложений

+3

Бесплатный домен в зоне .ru/.рф

0₽

Бесплатный шаблон сайта под вашу сферу бизнеса

0₽

месяца

/год

Забронировать предложение

Получите подарки от mottor при подключении тарифа

спецпредложение

I. Регистрация в Dropbox и загрузка видео

1. Зарегистрируйтесь в сервисе Dropbox.com.

Если у вас уже есть там аккаунт - просто войдите в него и перейдите к пункту 2.

Выберите бесплатный тариф:

Выбор бесплатного тарифа при регистрации в Dropbox

2. Перейдите в раздел "Все файлы", нажмите на кнопку "Загрузить". Выберите файл на вашем компьютере, загрузите его:

Обратите особое внимание!

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

Не используйте в виджете видео-ролики формата .mov — у них возникают проблемы с воспроизведением. Конвертируйте видео в формат .mp4 (он же mpeg-4) и загрузите его в Dropbox

Рекомендуемый вес файла - до 10Мб.

3. Нажмите на кнопку "Поделиться", чтобы получить ссылку на видео:

Создайте ссылку на видео:

Откройте настройки доступа:

Установите параметр "Все, у кого есть ссылка", сохраните настройки:

Скопируйте ссылку на видео, она понадобится в редакторе сайта:

Копирование ссылки для вставки в видео-виджет

II. Размещение видео в редакторе сайта

1. Добавьте в редакторе сайта секцию "Видео-виджет":

2. Откройте настройки секции, вставьте скопированную ранее ссылку на видео в соответствующее поле:

Готово, видео добавлено на сайт, перейдем к его настройке :)

III. Настройка секции с видео

В секции есть 3 основных категории настройки:

Настройка положения видео-виджета на экране

1. Положение — видео может быть размещено на одном из 4х углов экрана сайта.

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

3. Дизайн — отвечает за оформление видео на сайте.

Основные настройки

1. Ссылка на видео — этот параметр мы рассмотрели ранее, сюда вписывается ссылка на ваш ролик.

2. Показывать видео — здесь выбирается режим работы видео.
Имеет 3 режима:
• Всегда — видео проигрывается по кругу с паузой 1 секунду после окончания.
• Интервал — видео проигрывается по кругу с заданной паузой
• "1 раз" — видео проигрывается на сайте только 1 раз.

3. Размер — задается ширина видео в неактивном (уменьшенном) виде.

4. Задержка показа ролика — задает, через сколько секунд после загрузки страницы начнется проигрывание видео.

5. Увеличение при клике — задает в процентах, насколько увеличится видео при клике на него.

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

7. Текст кнопки — здесь можно вписать текст, показанный на кнопке. Рекомендуем размещать здесь не больше 3х слов.

8. Задержка — задает интервал времени, через который появляется кнопка, начиная с момента запуска видео.

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

10. Пункт меняется в зависимости от выбранного в п.9 режима работы кнопки. Либо выбирается страница сайта, либо прописывается якорь, либо вписывается ссылка на внешний сайт.

11. Открывать в новой вкладке

12. Стиль кнопки — позволяет настроить дизайн кнопки.

Дизайн

1. Стиль — выбор из 3х уже созданных типов оформления рамки видео.

2. Скругление — здесь можно задать скругление углов видео и рамки.

3. Ширина — указывается ширина рамки в пикселях.

4. Цвет — можно задать цвет рамки, когда видео неактивно.

5. Цвет при наведении — цвет рамки при наведении курсора на видео.

6. Отступ по высоте — вертикальный отступ от края секции. Сторона (верх/низ) зависит от выбранного положения. Например, если вы выбрали положение "слева снизу", то этот параметр будет задавать отступ от нижнего края секции.

7. Отступ сбоку — горизонтальный отступ от края секции. Сторона (право/лево) зависит от выбранного положения.

8. Цвет — здесь устанавливается цвет крестика для закрытия видео.

9. Размер — размер крестика для закрытия видео.

10. Снаружи/Внутри видео — влияет на то, где будет отображаться крестик - внутри или снаружи блока с видео.

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

1. Видео время от времени становится недоступным, в чем проблема?

Ссылка на видео, генерируемая Dropbox, иногда может быть недоступна из-за слишком большого трафика по ней.

Подробности описаны на странице.

2. Можно ли использовать видео, загруженные на другие хостинги в этом виджете?

Нет, на данный момент видео-фиджет поддерживает только ролики, размещенные в Dropbox.

3. Звук из ролика есть, но вместо самого видео черный экран. Как исправить?

Такое происходит при использовании видео с кодировкой HEVC (снятых на некоторые айфоны). Мы рекомендуем перекодировать подобные видео и загрузить в dropbox исправленную версию повторно, разместить новую ссылку на ролик к виджете.

Если что-то будет непонятно — в конструкторе сайтов mottor есть бесплатная техподдержка для всех пользователей. Вам поможет живой специалист:

— в чате на сайте lpmotor.ru
— по телефону 8 800 200 51 47 (звонки по РФ бесплатные)
— в Телеграм: https://t.me/lpmotorchat