Видео 📹 на страницах сайта, которое работает на мобильных
1
Краткая инструкция по добавлению видео
Готовим изображение и видео в формате MP4, у видео и изображения должно быть одно и тоже соотношение сторон
Готовим видео в формате WebM, если нас заботят браузеры, которые не поддерживают Mp4 (ничтожное количество, так что это пункт для перфекционистов)
Загружаем в видео-библиотеку, которая находится в разделе Сайт
Вставляем видео в блоки, выбирая из видео-галереи.
Важно:
- для быстрой загрузки сайтов Базиум ужимает фотографии, а видео нет. Видео необходимо ужимать самостоятельно. Сервис ezgif позволяет: ужимать, обрезать, кадрировать видео. Рекомендуем не делать видео более 2 мегабайт.
- необходимо сделать изображение тех же пропорций, что и видео. Если пропорции будут отличаться, то при загрузке могут быть скачки и ненужные поля при воспроизведении видео 💡.
2
Как загрузить видео в конструктор?
Для того чтобы добавить видео нужно:
- на верхней панели выбрать "Еще"
- перейти в "Видео библиотека"
- нажать кнопку "Добавить видео"
- загрузить изображение, видео в формате МР4 и видео в формате WebM (не обязательно)
- прописать "Alt-текст"
- сохранить
Видео добавлено в библиотеку.
- на верхней панели выбрать "Еще"
- перейти в "Видео библиотека"
- нажать кнопку "Добавить видео"
- загрузить изображение, видео в формате МР4 и видео в формате WebM (не обязательно)
- прописать "Alt-текст"
- сохранить
Видео добавлено в библиотеку.
3
Какие блоки поддерживают видео в формате МР4?
Все блоки, если видео использовать как фон
М-01 Изображение
Cr02-1: Гибко настраиваемые карточки
M04-3: Изображение с текстом и кнопкой
Гибкий блок
4
Как добавить видео в блок?
5
Некоторые вопросы о видео
Для каких задач можно использовать видео?
Данные видео предназначены для оформления сайта. Не для лекций, не для презентаций. Для них нужно использовать Youtube и Vimeo.
Оформление сайта — это по сути "расширение" изображений до "движущихся картинок". По сути это аналог анимированных gif-ок, но с возможностью делать более продолжительную анимацию и с лучшим качеством.
А звук возможен?
Нет. Только иллюстрации без звука. Видео, содержащие смысловой контент нужно загружать на Youtube и Vimeo.
Какой максимальный размер видео?
10 мегабайт.
А если видео не воспроизводится?
В браузере может стоять запрет на воспроизведение видео. Также видео не воспроизводятся на мобильных телефонах в режиме энергосбережения.
Сколько видео можно вставить на сайт?
На Базиуме нет ограничений на количество используемых видео. Однако есть логические ограничения: размещение большого количества видео-вставок приведёт к слишком длительной загрузке страниц.
Также в экспериментах Базиума были обнаружены случаи, когда на мобильных устройствах воспроизводилось только первые 1-2 видео, а остальные отображались в виде изображений.
Данные видео предназначены для оформления сайта. Не для лекций, не для презентаций. Для них нужно использовать Youtube и Vimeo.
Оформление сайта — это по сути "расширение" изображений до "движущихся картинок". По сути это аналог анимированных gif-ок, но с возможностью делать более продолжительную анимацию и с лучшим качеством.
А звук возможен?
Нет. Только иллюстрации без звука. Видео, содержащие смысловой контент нужно загружать на Youtube и Vimeo.
Какой максимальный размер видео?
10 мегабайт.
А если видео не воспроизводится?
В браузере может стоять запрет на воспроизведение видео. Также видео не воспроизводятся на мобильных телефонах в режиме энергосбережения.
Сколько видео можно вставить на сайт?
На Базиуме нет ограничений на количество используемых видео. Однако есть логические ограничения: размещение большого количества видео-вставок приведёт к слишком длительной загрузке страниц.
Также в экспериментах Базиума были обнаружены случаи, когда на мобильных устройствах воспроизводилось только первые 1-2 видео, а остальные отображались в виде изображений.