---
site_name: WPlama
site_description: Internetové stránky na WordPressu snadno a česky
site_url: https://www.wplama.cz
contact_email: tomas@wplama.cz

title: Jak ve WordPressu vložit do obsahu responzivní video
url: https://www.wplama.cz/jak-ve-wordpressu-vlozit-obsahu-responzivni-video/
date: 2016-01-13
modified: 2016-01-13
author: Tomáš Cirkl
type: post
categories: [WordPress návody]
tags: [plugin, video, vimeo, youtube]
---

![video 1024x683](https://www.wplama.cz/wp-content/uploads/2016/01/video-1024x683.jpg "video 1024x683")

# Jak ve WordPressu vložit do obsahu responzivní video

13.1.2016

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í](https://www.wplama.cz/jak-jednoduse-vlozit-video-do-prispevku-wordpressu/) 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](https://wordpress.org/plugins/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](https://www.wplama.cz/wp-content/uploads/2016/01/embed-video-1024x504.png "Embed Video")](https://www.wplama.cz/wp-content/uploads/2016/01 / embed-video.png)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](https://www.wplama.cz/wp-content/uploads/2016/01/vlozeni-videa-do-obsahu-1024x504.png "Vložení videa do obsahu")](https://www.wplama.cz/wp-content/uploads/2016/01 / vlozeni-videa-do-obsahu.png)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í.

### Správa WordPress webu

Nemusíte na to být sami. Pomůžeme vám s pravidelnou údržbou i&nbspnovými vylepšeními.

[Více informací](https://www.wplama.cz/sprava-wordpress-webu/)

### O autorovi

![579c70f93c868ab0086f8d13a2143605f2e29b7a7ba30c5e7a4d1163a5b37892](https://secure.gravatar.com/avatar/579c70f93c868ab0086f8d13a2143605f2e29b7a7ba30c5e7a4d1163a5b37892?s=100&d=monsterid&r=g "579c70f93c868ab0086f8d13a2143605f2e29b7a7ba30c5e7a4d1163a5b37892")

[#### Tomáš Cirkl](https://www.wplama.cz/author/tomas/)

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

## Mohlo by vás také zajímat

[![Výběr doménového jména](https://www.wplama.cz/wp-content/uploads/2014/05/Chossing-a-Domain-Name-1024x632.jpg "Výběr doménového jména")](https://www.wplama.cz/tipy-a-nastroje-pomoci-kterych-vyberete-tu-nejlepsi-domenu-pro-vas-blog/)

### [Tipy a nástroje pro výběr vhodné domény webu/blogu](https://www.wplama.cz/tipy-a-nastroje-pomoci-kterych-vyberete-tu-nejlepsi-domenu-pro-vas-blog/)

[WordPress návody](https://www.wplama.cz/wordpress/navody/)[![Hosting](https://www.wplama.cz/wp-content/uploads/2014/05/Hosting-1024x768.jpg "Hosting")](https://www.wplama.cz/jak-vybrat-spravny-hosting-pro-wordpress/)

### [Jak vybrat správný hosting pro WordPress](https://www.wplama.cz/jak-vybrat-spravny-hosting-pro-wordpress/)

[WordPress návody](https://www.wplama.cz/wordpress/navody/)[![Tipy kde vybrat kvalitní WordPress šablonu](https://www.wplama.cz/wp-content/uploads/2014/05/WordPress-Premium-Themes-Themes4all.com_-1024x506.png "Tipy kde vybrat kvalitní WordPress šablonu")](https://www.wplama.cz/tipy-kde-vybrat-kvalitni-wordpress-sablonu/)

### [Tipy kde vybrat kvalitní WordPress šablonu](https://www.wplama.cz/tipy-kde-vybrat-kvalitni-wordpress-sablonu/)

[WordPress návody](https://www.wplama.cz/wordpress/navody/)

### 5 názorů na “Jak ve WordPressu vložit do obsahu responzivní video”

![dbdb706ef2f2092b354ce8481df36c45343b26e52af2c615c7e48e463db4ff30](https://secure.gravatar.com/avatar/dbdb706ef2f2092b354ce8481df36c45343b26e52af2c615c7e48e463db4ff30?s=50&d=monsterid&r=g "dbdb706ef2f2092b354ce8481df36c45343b26e52af2c615c7e48e463db4ff30")

**[PATWIST](http://patwist.com/)**

[16.1.2016 v 14:29](https://www.wplama.cz/jak-ve-wordpressu-vlozit-obsahu-responzivni-video/#comment-27797)

Ahoj, doteraz som používal funkciu pluginu Shortcodes Ultimate [http://patwist.com/wordpress-pluginy-rozsirenia/](http://patwist.com/wordpress-pluginy-rozsirenia/), no toto mi aspoň ušetrí pár klikov, mohli to dať do WordPressu ale aspoň je tam základná funkcia po vložení URL adresy.

Vďaka za tip

[Odepsat](https://www.wplama.cz/#comment-27797)

---

![1cfa05d0f7ad6e3835c3e586d6e1cad60f56798e15829e2822501551d1ea08e1](https://secure.gravatar.com/avatar/1cfa05d0f7ad6e3835c3e586d6e1cad60f56798e15829e2822501551d1ea08e1?s=50&d=monsterid&r=g "1cfa05d0f7ad6e3835c3e586d6e1cad60f56798e15829e2822501551d1ea08e1")

**Miroslav Knedla**

[21.1.2016 v 8:50](https://www.wplama.cz/jak-ve-wordpressu-vlozit-obsahu-responzivni-video/#comment-27903)

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ěď.

[Odepsat](https://www.wplama.cz/#comment-27903)

![cc91c6b8a7a008e0f3c245918b50d475cb5da54ea1040710ab5f7cbd0caead05](https://secure.gravatar.com/avatar/cc91c6b8a7a008e0f3c245918b50d475cb5da54ea1040710ab5f7cbd0caead05?s=50&d=monsterid&r=g "cc91c6b8a7a008e0f3c245918b50d475cb5da54ea1040710ab5f7cbd0caead05")

**Viliam Ondrejka**

[24.6.2016 v 13:13](https://www.wplama.cz/jak-ve-wordpressu-vlozit-obsahu-responzivni-video/#comment-42869)

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.

[Odepsat](https://www.wplama.cz/#comment-42869)

---

---

![f7d4ad6feffb843328896a7dc6293d1153448ff408d3c3a4db92aed30dea51ce](https://secure.gravatar.com/avatar/f7d4ad6feffb843328896a7dc6293d1153448ff408d3c3a4db92aed30dea51ce?s=50&d=monsterid&r=g "f7d4ad6feffb843328896a7dc6293d1153448ff408d3c3a4db92aed30dea51ce")

**Patrik**

[30.6.2016 v 17:24](https://www.wplama.cz/jak-ve-wordpressu-vlozit-obsahu-responzivni-video/#comment-42984)

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

[Odepsat](https://www.wplama.cz/#comment-42984)

---

![cf95f45e1da42f2678ee64cb00703275b909b68f18ea13f2b1a19f4f033e7f0d](https://secure.gravatar.com/avatar/cf95f45e1da42f2678ee64cb00703275b909b68f18ea13f2b1a19f4f033e7f0d?s=50&d=monsterid&r=g "cf95f45e1da42f2678ee64cb00703275b909b68f18ea13f2b1a19f4f033e7f0d")

**Jan Šír**

[20.4.2017 v 16:39](https://www.wplama.cz/jak-ve-wordpressu-vlozit-obsahu-responzivni-video/#comment-53581)

Zdravím,

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

Děkuji za reakci

[Odepsat](https://www.wplama.cz/#comment-53581)

---

### Diskuze [Zruš odpověď](https://www.wplama.cz/jak-ve-wordpressu-vlozit-obsahu-responzivni-video/?_tmcb=1772963020#respond)