Vše o tvorbě webu a systému WordPress
3

Mohlo by vás zajímat

Search
Close this search box.

Jak na responzivní youtube video

Rychlý obsah

Mohlo by vás zajímat

Gutenberg galerie / image lightbox
Pokud patříte k těm uživatelům, kteří si oblíbili Gutenberg editor, který WordPress do svého systému...
Elementor widget Off Canvas: Jak automaticky zavřít menu s #kotvou
Nezavírá se automaticky widget Off -Canvas po kliknutí na menu? Řešení není až tak těžké, stačí vložit...
SVG a JFIF ve WordPressu – Jak rozšířit podporu souborů na webu?
Povolení nahrávání SVG a JFIF ve WordPress bez pluginu je jednoduché. Stačí přidat kod do functions.php.
Vytvoření vlastní uživatelské role VIPclient – bez pluginu
Pokud chcete přidat speciální roli "VIP klient", která má omezený přístup k webu (například může pouze...

Podařilo se vám podle posledního video tutoriálu vložit youtube video do vašich stránek, ale vaše video se nechová responzivně? Pak určitě uvítáte návod, jak tuto chybu napravit.

Pomoc, jak upravit vaše video pro responzivní režim šablon je velice jednoduchá.

 

2) do vašeho souboru CSS (soubor nejčastěji najdete v administrativě v nabídce Vzhled – Editor, popř. přes FTP ve složce se šablonou) vložte následující kód:

.video {position: relative; padding-bottom: 55%; padding-top: 30px; height: 0; overflow: hidden;}

.video iframe,

.video object,

.video embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

 

1) v HTML editoru pro psaní link videa obložte <div> – např. takto:

<div class="video">

<iframe src=“https://www.youtube.com/embed/sibAPW5YKcw“ width=“560″ height=“315″ frameborder=“0″ allowfullscreen=“allowfullscreen“></iframe>

</div>
Facebook
WhatsApp
Email
LinkedIn

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *


Kategorie