TvorbaWebová.cz
Vše o tvorbě webu a systému WordPress

Jak na responzivní youtube video

11.7.2015

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>