NEJNOVĚJŠÍ ZPRÁVY

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

Jak na responzivní youtube video

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>