Видео 📹 на страницах сайта, которое работает на мобильных
Раньше на страницах сайтов, созданных на Базиуме, можно было использовать видео из Youtube и Vimeo.
Теперь можно использовать видео в формате MP4, которое работает и на компьютерах, и на мобильных 🔥.
Вы загружаете комплект: изображение + видео. Если браузер поддерживает воспроизведение видео, то оно автоматически начинает воспроизводиться. Если же стоит запрет на воспроизведение видео, то будет показана картинка.
Краткая версия: ① готовим изображение и видео в формате MP4, у видео и изображения должно быть одно и тоже соотношение сторон ② готовим видео в формате WebM, если нас заботят браузеры, которые не поддерживают Mp4 (ничтожное количество, так что это пункт для перфекционистов) ③ Загружаем в видео-библиотеку, которая находится в разделе Сайт ④ Вставляем видео в блоки, выбирая из видео-галереи.
Детальная информация: первым делом нужно сделать видео. Можно снять с помощью телефона, можно заказать съемку у специалиста, можно сделать запись с экрана. Можно купить в фотобанке (в шаттерстоке 1 видео стоит порядка 70$). Можно скачать из бесплатных банков, например, в pexels.com и pixabay.com.
Важно: для быстрой загрузки сайтов Базиум ужимает фотографии, а видео нет. Видео необходимо ужимать самостоятельно. Сервис ezgif позволяет: ужимать, обрезать, кадрировать видео. Рекомендуем не делать видео более 2 мегабайт.
Далее необходимо сделать изображение тех же пропорций, что и видео. Если пропорции будут отличаться, то при загрузке могут быть скачки и ненужные поля при воспроизведении видео 💡.
Загружаем видео в библиотеку: Сайт → Меню с квадратами → Видео-библиотека → Добавить видео.
Обязательно: видео в формате Mp4 и изображение. WebM необязателен.
После этого отправляемся на страницу, выбираем блоки, поддерживающие видео (см. выше), или используем видео в качестве фона для любого блока.
Блок, поддерживающий видео → При загрузке изображения выбираем "Галерея" → Вкладка "Видео-библиотека" → Выбираем загруженное видео.
Комплект "изображение + видео" будет добавлен в блок.
Обязательно протестируйте работу видео на мобильном устройстве.
Вот блок с рабочим видео.
- Для каких задач можно использовать видео?
-
Данные видео предназначены для оформления сайта. Не для лекций, не для презентаций. Для них нужно использовать Youtube и Vimeo.
Оформление сайта — это по сути "расширение" изображений до "движущихся картинок". По сути это аналог анимированных gif-ок, но с возможностью делать более продолжительную анимацию и с лучшим качеством.
- А звук возможен?
-
Нет. Только иллюстрации без звука. Видео, содержащие смысловой контент нужно загружать на Youtube и Vimeo.
- Какой максимальный размер видео?
-
10 мегабайт.
- А если видео не воспроизводится?
-
В браузере может стоять запрет на воспроизведение видео. Также видео не воспроизводятся на мобильных телефонах в режиме энергосбережения.
- Сколько видео можно вставить на сайт?
-
На Базиуме нет ограничений на количество используемых видео. Однако есть логические ограничения: размещение большого количества видео-вставок приведёт к слишком длительной загрузке страниц.
Также в экспериментах Базиума были обнаружены случаи, когда на мобильных устройствах воспроизводилось только первые 1-2 видео, а остальные отображались в виде изображений.
Обгоните конкурентов с помощью видео-контента 💎