Vložení Youtube videa

Postup, jak vložit Youtube video do HTML editoru

Vložení videa do "těla" stránky, např. do popisu produktu.

Video se vkládá jako iframe, je důležité nastavit šířku iframe na 100%, aby u responsivních šablon video nevylézalo z obsahu.

Ukázka zobrazení na e-shopu >>

1. Na Youtube klikněte pravým tlačítkem myši přímo na video a v nabídce vyberte "Zkopírovat kód pro vložení na stránky".

2. Otevřete stránku nebo produkt, kam chcete video vložit. V HTML editoru klikněte na HTML.

3. V HTML kódu najděte místo, kam chcete video vložit a vložte kód (CTRL + V).

4.Nastavte šířku a výšku videa tak, aby se vám správně zobrazilo.

Upravte tag výšky, např. height="480" na libovolnou jinou výšku (číslo je v pixelech).Např. na height="600" až height="700". Zkuste si video zobrazit v různých šířkách stránky, aby se vám neschovávala horní/spodní část videa.

Výška videa (iframe) musí být vždy definovaná, ideálně v %, abyste zachovali responzivní chování vašeho eshopu. Tag width (šířka) upravte na 100%, zadejte: width="100%".

5. V HTML editoru se video zobrazuje pouze jako rámeček.

6. Na webu se video bude automaticky roztahovat do šířky podle obsahu, výška zůstává fixní. Po stranách nebo nahoře a dole se kolem videa zobrazují černé pruhy.