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 zakázat automatické aktualizace ve WordPressu
Automatické aktualizace ve WordPressu mohou být užitečné, ale někdy mohou způsobit problémy, zejména...
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...

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 *


NEWSLETTER
Nenechte si ujít žádný nový příspěvek na mém blogu a přihlašte se k odběru novinek.
Přihlášením k odběru souhlasíte s našimi zásadami ochrany osobních údajů a našimi podmínkami služby.

Nejčtenější příspěvky

wordpress aktualizace
Vše Zajímavé tipy
Jak zakázat automatické aktualizace ve WordPressu
vypnuti pluginu
Návody - jak na to Vše
Jak jednoduše deaktivovat nefunkční WordPress plugin
homne
Elementor
Jak v Elementoru vytvořit ikonu domečku / home

Populární kategorie

S tímto webem souvisí

Copyright © 2024  | Mapa webu | GDPR | Zásady cookies 

Kategorie