Wordpress

Jak vkládat video na stránky

Vložit třeba responsivní video z Youtube do stránek není problém (Sdílet -> Vložit a vygenerovaný kód vložit do stránek). Občas se však objeví pod vloženým videem (iframe) poměrně veliký prázdný prostor.
Jak tento prázdný prostor pod videem, mapou google, … odstranit?

Vložení videa na stránky
//Příklad vygenerovaného kódu v Youtube

<iframe width="560" height="315" src="https://www.youtube.com/embed/t12lbkrqsYU" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Pokud do vašeho souboru se styly přidáte nový class viz. níže a „iframe“ vložíte do DIV
<div class="embed-container"> ... </div>
problém by měl být vyřešen.

Přidat do souboru se styly
//toto vložte do vašeho style souboru
.embed-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }