Videa

Video někdy řekně více než stránka textu nebo galerie obrázků. Upgates vám umožňuje jeho použití.

Video soubor

Vložení video souboru probíhá stejným způsobem jako běžné vložení obrázku. Video musí být v kompatibilním formátu pro zobrazování na webu. Doporučujeme používat formáty OGV, WEBM, M4V, MP4 (codec H.265).

Po nahrání do Správce souborů (více zde) můžete video vložit v administraci jako seznamový obrázek, položka v galerii a podobně.

Velikost videa by neměla přesahovat 10 MB, aby se zákazníkům rychle načítalo. 

Postup v administraci

  1. V menu administrace zvolte sekci, do které chcete obrázek vložit. Např. Produkty / Seznam produktů.
  2. Vyberte danou položku a proklikněte se na její detail.
  3. Na stránce se přesuňte do oddílu Obrázky.
  4. Klikněte na tlačítko + Přidat.
  5. Pomocí správce souborů vložte video. Více zde.

YouTube, Vimeo

Video soubor zabírá na vašem disku výrazně více místa než alternativí řešení pomocí vložení videa přes služby jako Youtube nebo Vimeo. Na e-shop přidáte pouze okno s přehrávačem na externí medium.

Postup v případě YouTube videa

  1. Na stránce Youtube.com najděte video, které chcete sdílet na e-shopu.
  2. Pod zobrazením videa klikněte na tlačítko Sdílet.
  3. Vyberte ikonku Vložit.
  4. Klikněte na tlačítko Kopírovat.
  5. Označí se speciální kód a zároveň se zkopíruje do schránky pro další použití.
  6. Přejděte zpátky do Upgates administrace.

Vložení do textu

  1. Zvolte pole s textovým editorem, do kterého chcete video umístit. Např. dloupý popis produktu.
  2. Vložte kód do pole dle postupu v nápovědě zde.
  3. Uložte

Vložení do slideshow

  1. Vyberte obrázek, u kterého chcete, aby se po rozkliknutí ve slideshow zobrazilo Youtube video.
  2. Po najetí myší na obrázek se objeví akční tlačítka.
  3. Klikněte na ikonu tužky pro úpravu obrázku.
  4. Do pole Video vložte odkaz na Youtube video.
  5. Provedené změny uložte.

Responzivita videa

V galeriích a slideshow jsou videa automaticky přizpůsobena velikosti obrazovky. V případě vložení videa do textu pomocí textového editoru (např. do popisu produktu) tomu tak není. Kód videa se dá ale ručně obalit do následujícího kódu, který umožní responzivní zobrazení:

<div class="embed-responsive embed-responsive-16by9"> ... </div>

Výsledný kód může vypadat následovně (video vložené ze správce souborů):

<div class="embed-responsive embed-responsive-16by9">
  <video>
    <source src="..." type="..." />
  </video>
</div>

Tuto úpravu je potřeba provést přímo v HTML kódu textového editoru. Více zde.

Na této stránce

Další zdroje informací

Facebook poradna

Výměna zkušeností, rady a tipy mezi provozovateli e-shopů na systému UPgates.

Přejít do poradny

Akademie

Získejte znalosti od našich specialistů na marketing, obchod, právo a podnikání.

Přejít do akademie

Novinky z Blogu

Co nového jsme pro vás připravili nebo chystáme najdete na blogu.

Přejít do blogu

Nepodařilo se Vám najít tu správnou odpověď?

Kontaktujte naši technickou podporu, která je tu pro vás od pondělí do pátku 8:00 až 16:00 hod.

Zákaznická podpora