TvorbaWebová.cz

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

Jak jednoduše deaktivovat nefunkční WordPress plugin
Pokud máte problém se dostat do administrace WordPressu, pak příčín může být několik. Problém s přísupem...
Jak v Elementoru vytvořit ikonu domečku / home
Elementor je velice oblíbený plugin pro tvorbu WordPress šablon. Nabízí skvělé řešení i pro osoby, které...
Jak zablokovat nevyžádané emaily v Contact Form7
Pokud na své webové stránce používáte kontaktní formulář aplikovaný pomocí pluginu Contact Form7, může...
Jak na změnu hesla uživatele WordPressu v MySQL administraci
Změnu hesla pro přístup do administrace stránek je ve většině případů snadné provés. V okamžiku, kdy...

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

Napsat komentář

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


Kategorie