← Назад
Пошаговая инструкция
FAQ

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

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

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

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

0₽

0₽

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

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

+4

+4

месяца

месяца

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

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

+12.000₽

+12.000₽

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

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

+3

+3

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

0₽

0₽

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

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

0₽

0₽

месяца

месяца

/год

/год

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

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

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

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

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

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

Если у вас уже есть там аккаунт - просто войдите в него и перейдите к пункту 2.
Выберите бесплатный тариф:
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

Ищете конструктор чтобы собрать сайт или интернет-магазин?
Попробуйте mottor бесплатно
шаблон сайта доставки еды
шаблон интернет-магазина
шаблон интернет-магазина
шаблон-квиз строительство
шаблон сайта по ремонтуо
450+ шаблонов
ждут вас
Бесплатный конструктор сайта
Все шаблоны
Шаблон онлайн курс
Шаблон курс инвестиций
Шаблон доставка еды
Шаблон онлайн школа
Шаблон для портфолио
Шаблон лендинг вебинара
Шаблон интернет-магазин мебели
Одностраничный сайт
Многостраничный сайт
Создать сайт онлайн бесплатно самому
Создать квиз
Создать сайт бесплатно конструктор
Создать бесплатно интернет магазин
Создать сайт конструктор
Конструктор сайта онлайн
Онлайн конструктор сайта бесплатно
Конструктор интернет магазинов
Конструктор страниц
Сайт конструктор бесплатно
Конструктор создания сайтов
бесплатный конструктор сайтов, лендингов и квизов
Документы:
Полезные ссылки:
Функциональность:
Функциональность:
О компании:
при поддержке Фонда Развития Интернет Инициатив
бесплатный конструктор сайтов, лендингов и квизов
Бесплатный звонок по России
Шаблоны:
Популярные запросы:
support@lpmotor.ru
О компании и сервисе
Тур по сервису
Блог
Инструкции
Договор-оферта
Партнёрская программа
Шаблоны
Видеоинструкции
Согласие
Тарифы и услуги
Обновления
Политика конфиденциальности
Сделано на mottor
Техподдержка
Платная поддержка
Инструкция по установке