Что лучше, видео в формате webm/mp4 или gif?

Question

[Сергей Борисов]

На шапке в лэндинге хотим использовать видео и вот задаемся вопросом, как лучше это реализовать.
1. Видео в формате webm
2. Видео в формате mp4
3. GIF анимация
Само видео https://videohive.net/item/digital-earth/21326864

Answer 1

[Zettabyte]

В gif подобный ролик будет весить адовы мегабайты, страница будет грузиться вечность, а мобильные пользователи вас проклянут. Да и поисковые системы не обрадуются скорости загрузки сайта.

Останавливайтесь либо на мп4, либо на двух источниках - и мп4 и вебм.

А в целом я бы подумал нужно ли оно вообще. Зависит, конечно, от аудитории, но технари сильно не любят автопроигрывающиеся тяжёлые элементы на сайтах, которые едят память, процессор, да ещё и трафик с батареей.

Comments

[Сергей Борисов]

На мобильных устройствах мы не будем такого использовать, только для ПК версии.

[Сергей Борисов]

А что вы подразумеваете под двумя источниками? Выбирать из них?

[Zettabyte]

Сергей Борисов,

На мобильных устройствах мы не будем такого использовать, только для ПК версии.

Тут кому как, но я даже на ноуте сайты с видео-бэкграундом замечаю.

А что вы подразумеваете под двумя источниками? Выбирать из них?

Примерно следующий вариант. Примерно - из-за того, что я никогда не делал ничего с видео и не слежу за этим вопросом, может сейчас как-то по-другому делают.

<video class="header_video" playsinline="" preload="none">
		<source src="https://vashsite.ru/video/header.webm" type="video/webm">
		<source src="https://vashsite.ru/video/header.mp4" type="video/mp4">
</video>

[Сергей Борисов]

Zettabyte, Спасибо за информацию!