Video na webe – ako ho vložiť, aby web nespomalilo

Video na webe ukáže prácu, výrobok alebo prevádzku rýchlejšie ako text. Zle vložené video však spomalí stránku, na mobile sa nespustí alebo načíta cookies od Googlu ešte pred súhlasom návštevníka. Rozhoduje hlavne to, či ide o krátke video v pozadí, alebo o video, ktoré si návštevník pustí sám.

Video v pozadí úvodnej stránky

Krátka slučka bez zvuku, napríklad stroj v prevádzke alebo pohľad na hotovú stavbu. Takéto video má zmysel nahrať priamo na váš web, nie na YouTube:

• bez zvuku – prehliadače spustia video automaticky len vtedy, keď je stlmené, a iPhone ho navyše musí mať povolené prehrávať priamo na stránke, nie cez celú obrazovku,
• krátke a zmenšené – stačí niekoľko sekúnd v slučke a rozlíšenie podľa šírky, v akej sa video zobrazuje. Na mobil zvlášť menšia verzia,
• s náhľadovým obrázkom, ktorý je vidieť, kým sa video načíta, a keď sa nespustí vôbec,
• pripravené na postupné prehrávanie – súbor MP4 musí mať informácie o videu na začiatku, inak sa prehrá až po stiahnutí celého súboru.

Telefóny v úspornom režime a ľudia, ktorí majú v systéme obmedzené animácie, video v pozadí nemajú dostať. Web to vie zistiť a ukáže im len obrázok.

Video, ktoré si návštevník pustí

Dlhšie video so zvukom, napríklad predstavenie firmy alebo návod, je lepšie mať na YouTube. Postará sa o rôzne rozlíšenia aj rýchlosť a video môžu ľudia nájsť aj tam. Vložený prehrávač YouTube však načíta stovky kilobajtov skriptov a cookies Googlu hneď pri otvorení stránky. Lepšie je zobraziť len obrázok s tlačidlom prehrať a skutočný prehrávač načítať až po kliknutí. Stránka je rýchlejšia a cookies sa nenačítajú tým, ktorí video nespustia.

Na čo sa zabúda

• titulky – video s hovoreným slovom bez nich nepochopí človek so sluchovým postihnutím ani ten, kto si ho pustí v práci bez zvuku,
• tlačidlo na zastavenie – pohyblivý obsah dlhší ako 5 sekúnd sa musí dať zastaviť, to vyžadujú pravidlá prístupnosti WCAG,
• video nesmie byť hlavný nadpis – text na úvodnej stránke má byť textom, nie súčasťou videa, inak ho Google ani čítačka obrazovky neprečíta.

Prečo sa oplatí sledovať rýchlosť stránky, je v článku Prečo je web pomalý a ako to zistiť. Ak chcete na web video alebo máte video, ktoré na mobile nefunguje, napíšte nám cez kontakt.