Jak vložit na stránku video z Youtube nebo z Vimeo - CS Technologies s.r.o.
27.01.2016

Jak vložit na stránku video z Youtube nebo z Vimeo

Rubrika: Video nápovědy

Chtěli byste mít na svém webu video z Youtube, ale nevíte, jak ho tam dostat? Je to jednoduché. V našem článku najdete podrobný postup krok za krokem.

Stručně řečeno, stačí zkopírovat část kódu na stránky. Vaši návštěvníci si ho pak přehrají přímo na vašem webu. Můžete ho umístit na jakoukoli stránku, k produktu nebo k článku.

A jak na to?

1. Youtube

Otevřete si youtube.com a vyberte klip, který chcete vložit na stránky.

Image 0

Nejprve pod videem klikněte na Sdílet (1.). Otevře se další nabídka, kde vyberte krok Vložit (2.). V řádku (3.) se zobrazí HTML kód, ten celý označte a zkopírujte (CTRL + C).

2. EasyWeb

V dalším kroku si otevřete publikační systém EW a v Obsahu projektu vyberte stránku, na které chcete video mít. Vyberte Editaci obsahu, abyste se dostali do WYSIWYG editoru.

Na místě, kam chcete umístit přehrávač s videem, napište slovo Video (1.).
Dále se přepněte do zdrojového kódu pomocí ikony s ohnutou šipkou (2.) a v něm vyhledejte slovo Video, které jste předtím napsali.

Image 1

Slovo Video smažte a na místo něj vložte kód, který jste si zkopírovali z řádku pod videem na Youtube (CTRL + V).

Image 2

Celou změnu na stránce uložte, v prohlížeči obnovte stránku, na které se má video zobrazit, a zkontrolujte.

Jak vkládat videa k produktům nebo k článkům?

Je to stejné jako u webové stránky, jen vložte HTML kód k produktu nebo k článku. Otevřete tedy Kartu produktu nebo článku a v ní záložku “Detailní popis”. A pak už postupujte stejným způsobem.

Image 3

A co Vimeo?

Postupujte stejně, jen je zde drobná změna - umístění tlačítka pro sdílení - Share.

Image 4

Po vybrání Share (Sdílení) se otevře okno, ve kterém vyberte HTML kód. Ten vložte do publikačního systému stejně jako v případě vložení videa z Youtube. Změny opět uložte a zkontrolujte na stránkách v prohlížeči.

Image 5

V případě, že máte responzivní stránky a video se vám nezobrazuje správně v mobilním zařízení, kontaktujte nás. Provedeme kontrolu a případné nastavení pro responzivní design.