Как да си направите ефектно интро за ландинг страницата с видео вместо с тежък анимиран GIF (ръководство + код)

Целта: да оборудвате ландинг страницата си с ефектен анимиран тийзър или интро, които да представят продукта или услугата ви по най-добрия начин и то само за секунди, заместващо стотици хиляди думи.

? Проблемът: за целта обикновено се използват анимирани GIF файлове, които са записани с някой от тези инструменти.

Те са много тежки (понякога над 2 MB), а това може сериозно да забави сайта ви. Дори и да ги намалите драстично като размер, то тогава ще имате друг проблем - този с качеството на изображението.

Има и още:

Използвайки анимиран GIF, всяко зареждане на ландинг страницата ви ще бъде предизвикателство за браузъра и за потребителя!

? Решението: използване на видео файл, имитиращ анимиран GIF, с който да представите продукта или услугата си перфектно.

В това видео ръководство ще ви покажа как точно ние използваме този трик, за да представим новата си иновативна социална мрежа на клуб Мастърхак. Ще ви споделя и точния код, който може да си копирате за вашата ландинг страница, за да я направите още по-атрактивна.

Да започваме...

Възстанови паролата:

Логни се в
Мастърхак