Určitě jste už narazili na nějaký článek nebo webovou stránku, která měla ve svém obsahu vložený přehrávač s Youtube videem. Vložení takového Youtube přehrávače do obsahu vlastní stránky není vůbec těžké a v pár krocích to zvládne úplně každý.

Získání HTML kódu přehrávače videa – iframe

  1. Nejprve přejdeme přímo na Youtube na stránku s videem, které chceme vložit.
  2. Následně pod videem klikneme na odkaz Sdílení
Sdílení Youtube videa

3. Otevře se nám okýnko, kde vybereme možnost Vložit

Okno pro sdílení Youtube videa

4. Následně se nám zobrazí HTML kód, který je potřeba zkopírovat.

HTML kód iframe pro vložení Youtube přehrávače

Vložení HTML kódu do webové stránky

HTML kód, který jsme si zkopírovali, můžeme následně vložit do obsahu webu například přes jeho administraci. Editory, které v moderních administracích jsou k dispozici, už zpravidla disponují možností, jak vložit HTML kód. V případě klasického WordPress wysiwyg editoru nám stačí se přepnout na záložku HTML a následně už jen vložit zkopírovaný kód na místo, kde si přejeme přehrávač zobrazit.

Vložení HTML kódu ve Wysiwyg editoru

Vložení Youtube videa v Gutenberg editoru v novějším WordPress

Pokud používáte WordPress, kde máte k dispozici moderní verzi Gutenberg editoru, který funguje na principu skládání obsahu stránky z jednotlivých bloků, je vložení Youtube přehrávače hračkou.

Stačí nám zkopírovat odkaz Youtube videa, vložit ho přímo do obsahu a chytrý editor už automaticky vygeneruje přehrávač videa. Případně můžeme manuálně vložit nový blok Youtube a odkaz na video vložit zde.

Blok s Youtube přehrávačem v Gutenberg editoru ve WordPress
Zavřít reklamu