V předchozí část tohoto návodu, pomocí směsi HTML5, jQuery a CSS, jsme postavili barebones funkčnost našeho HTML5-řízené pozadí celé obrazovky. Tentokrát budeme stylovat to, připravovat pro něj záložní a pochopit, jak může být použita jako součást vašich vlastních návrhů. V dnešní příručce přidáme k našemu celoobrazovkovému videu řadu způsobů, včetně:

  • vytváření vlastních překryvů vzoru, které se budou nacházet v horní části našeho videa; jako jsou řádky skenování ve starém televizním režimu, styling vašeho videa podle vlastního návrhu;
  • převedením videa na více formátů, abychom povolili univerzální podporu pro vaše video pozadí.

Spolu se všemi těmito informacemi ukážeme také příklad toho, jak může být video kreativně využito vrstvením dalších prvků nahoře, což vám ukazuje, jak tato výkonná technika může napomoci vašim novým designům. nebo dokonce poskytnout nové, vzrušující pozadí pro design, na kterém právě pracujete!

Využili jste video celé obrazovky jako pozadí v jednom z vašich návrhů? Máte preferovanou metodu implementace? Dejte nám vědět v komentářích.