Přeskočit na obsah

Web nefunguje? Volejte Web nefunguje? +420 721 589 155 nebo nám napište Napište nám

WordPress návody

Jak ve WordPressu vložit do obsahu responzivní video

Tomáš Cirkl Publikováno 2 min čtení

Pozor:

Článek je z roku 2016. Některé postupy se mohly změnit.

Videa, jakožto typ obsahu, stále nabývají na popularitě. Jejich výhodou je především, že návštěvníka zaujmou a prodlouží jeho pobyt na webu.

Asi nejjednodušším způsobem jak ve WordPressu vložit video do obsahu, je využít serverů třetích stran, například videoserverů Youtube nebo Vimeo. Pro vložení pak stačí jen zkopírovat URL videa a vložit ji do vizuálního editoru. WordPress se pak postará o zbytek. Nevýhodou tohoto způsobu ale je, že video nemusí být v některých šablonách responsivní.

Pokud se vám stane, že máte responzivní šablonu, ale vložené video se nezmenšuje se šířkou obsahu, postupujte podle následujícího návodu.

Nejprve si z oficiálního repozitáře nainstalujte a aktivujte plugin Advanced Responsive Video Embedder.

Poté běžte do editace stránky nebo příspěvku a uvidíte, že vedle tlačítka Mediální soubory se objevilo nové tlačítko Embed Video.

Embed Video
Embed Video

Pří kliknutí na tlačítko se zobrazí pop-up okno, kam můžete zadat detailnější informace o videu.

  • URL/Embed Code – sem vložte URL videa, pro servery Blip.tv, Videojug, Movieweb, Gametrailers, Yahoo!, Spike, Comedycentral a jiné vložte celý embed kód.
  • Mode – mód, toto můžete ignorovat.
  • Align – zarovnání videa v textu.
  • Autoplay – automatické spuštění.
  • Maximal width (px) – maximální šířka videa v pixelech.
  • Aspect ratio (4:3) – poměr stran videa.
  • Grow on Click (Lazyload) – načtení videa až při zobrazení.
  • Thumbnail – vlastní náhledový obrázek.
  • URL Parameters – doplňkové parametry pro URL.

Při vyplňování informací se dole zobrazí náhled shortcodu.

Vložení videa do obsahu
Vložení videa do obsahu

Jakmile budete s parametry spokojeni klikněte na tlačítko Insert Shortcode. Do vizuálního editoru se vloží shortcode a máte hotovo, video je nyní responzivní.

Neuteklo vám něco?

Pokrok a WordPress na nikoho nečekají, tak nám tu raději nechte email, ať o nic nepřijdete!

Nespamujeme! Další informace naleznete v našich zásadách ochrany osobních údajů.

Autor

Tomáš Cirkl

Baví mě Internet a zvláště pak redakční systém WordPress. Jsem pravidelným účastníkem a přednášejícím na WordCamp Praha a WordPress konferencích.

1 030 článků Všechny články autora

Komentáře (5)

Přidat komentář
  1. Miroslav Knedla

    Zdravím,

    při pokusu o vložení videa do příspěvku se i objevila chybová hláška (malé okno prohlížeče s textem „no id“). Nemáte někdo s tímto zkušenost? Díky za případnou odpověď.

    Odpovědět

    1. Viliam Ondrejka

      Mně neporadil nikdo a normální logickou odpověď jsem nikde nenašel. Vyřešil jsem to tak, že adresu videa dávám jak do spodního url pole tak i úplně nahoru.

      Odpovědět

  2. Patrik

    Youtube/sdílet hodit kod. Shortcody na videa mi vždycky dělali problémy.

    Odpovědět

  3. Jan Šír

    Zdravím,

    nemáte někdo zkušenost, jak vložit webku do wordpressu přes ftp přístupy??

    Děkuji za reakci

    Odpovědět

Přidat komentář

E-mail nezveřejníme. Povinná pole jsou označena hvězdičkou.

Jak zacházíme s údaji z komentářů, popisují zásady ochrany osobních údajů.