Видео 📹 на страницах сайта, которое работает на мобильных

Раньше на страницах сайтов, созданных на Базиуме, можно было использовать видео из Youtube и Vimeo.

Теперь можно использовать видео в формате MP4, которое работает и на компьютерах, и на мобильных 🔥.

Пример использования видео на сайте
работает на компьютерах, работает на мобильных



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

Блоки, поддерживающие видео в MP4
Как добавить видео на страницу? Инструкция 📙

Краткая версия:  ① готовим изображение и видео в формате MP4, у видео и изображения должно быть одно и тоже соотношение сторон ② готовим видео в формате WebM, если нас заботят браузеры, которые не поддерживают Mp4 (ничтожное количество, так что это пункт для перфекционистов) ③ Загружаем в видео-библиотеку, которая находится в разделе Сайт ④ Вставляем видео в блоки, выбирая из видео-галереи.

Детальная информация:  первым делом нужно сделать видео. Можно снять с помощью телефона, можно заказать съемку у специалиста, можно сделать запись с экрана. Можно купить в фотобанке (в шаттерстоке 1 видео стоит порядка 70$). Можно скачать из бесплатных банков, например, в pexels.com и pixabay.com.

Важно: для быстрой загрузки сайтов Базиум ужимает фотографии, а видео нет. Видео необходимо ужимать самостоятельно. Сервис ezgif позволяет: ужимать, обрезать, кадрировать видео. Рекомендуем не делать видео более 2 мегабайт.

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


Загружаем видео в библиотеку: Сайт → Меню с квадратами → Видео-библиотека → Добавить видео.

Обязательно: видео в формате Mp4 и изображение. WebM необязателен. 

После этого отправляемся на страницу, выбираем блоки, поддерживающие видео (см. выше), или используем видео в качестве фона для любого блока.


Блок, поддерживающий видео → При загрузке изображения выбираем "Галерея" → Вкладка "Видео-библиотека" → Выбираем загруженное видео.

Комплект "изображение + видео" будет добавлен в блок.

Обязательно протестируйте работу видео на мобильном устройстве.

Вот блок с рабочим видео. 

Некоторые вопросы о видео
Для каких задач можно использовать видео?

Данные видео предназначены для оформления сайта. Не для лекций, не для презентаций. Для них нужно использовать Youtube и Vimeo. 

Оформление сайта — это по сути "расширение" изображений до "движущихся картинок". По сути это аналог анимированных gif-ок, но с возможностью делать более продолжительную анимацию и с лучшим качеством. 

А звук возможен?

Нет. Только иллюстрации без звука. Видео, содержащие смысловой контент нужно загружать на Youtube и Vimeo.

Какой максимальный размер видео?

10 мегабайт.

А если видео не воспроизводится?

В браузере может стоять запрет на воспроизведение видео. Также видео не воспроизводятся на мобильных телефонах в режиме энергосбережения. 

Сколько видео  можно вставить на сайт?

На Базиуме нет ограничений на количество используемых видео. Однако есть логические ограничения: размещение большого количества видео-вставок приведёт к слишком длительной загрузке страниц. 

Также в экспериментах Базиума были обнаружены случаи, когда на мобильных устройствах воспроизводилось только первые 1-2 видео, а остальные отображались в виде изображений.

Обгоните конкурентов с помощью видео-контента 💎