Video & animace – Visualbook

Video & animace

Na této stránce

Video & animace – co tato sekce umí

Sekce Video & animace sdružuje embedy z YouTube nebo Vimeo, vlastní soubory videa i lehké Lottie animace – s volbou velikosti náhledů, autoplay a smyčky. Potřebujete ke videu ještě tlačítka a rozbalovací blok? Použijte Video (multifunkční).

Tip

U vlastního videa a u YouTube autoplay obvykle vyžaduje prohlížeč ztlumený zvuk – jinak se přehrávání načte až po kliknutí.

Varianty zobrazení

  • Malé náhledy (mřížka ve dvou sloupcích) – několik klipů nebo výřezů najednou, přehledná dvousloupcová mřížka na širších displejích
  • Velké náhledy (plná šířka sloupce) – každý přehrávač přes celou šířku sloupce, ideální pro hlavní spot nebo návod
  • YouTube: smyčka a autoplay (parametry embedu) – opakování jednoho klipu a automatické spuštění přes parametry embedu

K čemu se hodí

  • Brand spoty, firemní představení a produktová videa v manuálu
  • Instruktáže, microlearning a rychlé návěsty k nástrojům nebo procesům
  • Ukázky motion principů, UI animací nebo interakcí z produktu
  • Moodboardy a hero sekce s jemným videem nebo Lottie akcentem

Varianta: Malé náhledy (mřížka ve dvou sloupcích)

Přepínač malé náhledy rozdělí obsah do dvousloupcové mřížky na širších displejích. Hodí se pro přehled několika spotů nebo krátkých výřezů z delších videí.

Poznámka

U každé položky můžete zvlášť zvolit YouTube, vlastní soubor MP4 (MOV, AVI…) nebo Lottie. U lokálního videa lze zapnout autoplay a smyčku.

Práce se soubory ve Visualbooku (YouTube + popisek pod přehrávačem).

Jak nastavit vlastní styl manuálu.

Představení admin panelu.

Jak vytvořit stránku Loga.

Varianta: Velké náhledy (plná šířka sloupce)

Přepínač velké náhledy zobrazí každé video přes celou šířku pravého sloupce. Vizuálně dominuje jediný přehrávač — vhodné pro hlavní spot nebo detailní návod.

Poznámka

Na jedné stránce můžete kombinovat více sekcí „Video“ — například nahoře jedno velké a níže sadu malých díky samostatným modulům.

Primární embed přes celou šířku; popisek zůstává jako běžný odstavcový text pod přehrávačem.

Druhé velké video pod prvním — návštěvník scrolluje příběh krok po kroku.

Varianta: YouTube: smyčka a autoplay

U položek typu YouTube můžete zapnout automatické přehrávání a smyčku. Embed se doplní o parametry playlist/loop pro opakování jednoho klipu.

Poznámka

Pro dosažení autoplay na webu je výstup ztlumený; u „smyčky“ se k YouTube přidá interní playlist stejného ID.

Ukázkové nastavení autoplay + loop u jediného YouTube řádku ve struktuře.