Úprava Youtube na všech blozích!

Před chvilkou jsem všem upravil YouTube na blogu. Výrazná změna je, že se video roztáhne až kam ho vaše stránka pustí. V naprosté většině přes celou šířku stránky. Je to tedy jen kosmetická změna. Teď už se nemusíte trápit jaké největší možné rozměry můžete použít a počítat proporce, aby nedošlo k deformaci.

Druhá změna, která není vidět, ale je důležitější je, že Google přestává podporovat staré umístění youtube do OBJECTU. Za pár dnů by už místo videí bylo jen černo nebo chybová hláška. Automaticky se tedy převádí do nového formátu - nemusíte nic předělávat. Jsem si jistý, že by to nikdo nedokázal 100%tně ohlídat a byla by to hrozná práce. Proto jsem zvolil raději systémovou změnu.

Všem jsem nechal znovu vygenerovat jejich css styl s touto úpravou a dokonce i těm, kteří mají vlastní css styl. Ti v něj nově najdou:

/*pridal administrator 30-01-2015*/

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

.video-container iframe,.video-container object,.video-container embed{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}

.share,.share2{float:right;text-align:right;}
.share a{display:inline-block;width:92px;height:20px;text-align:center;padding:2px 0 2px 0;color:#fff;text-decoration:none;}
.share .fb-likes{background: #4B67A1;}
.share2 .fb-likes{display:none;}
.share .twitter-share-button{background: #00ACEE;}
.share .g-plusone{background: #DD4B39}
.social-button{width:92px;overflow:hidden;float:left;margin-right:10px;}
 

První část je kvůli videu, aby se roztahovalo a druhá část jsou tlačítka sdílení. Tento styl byl dosud umístěný přímo ve stránce. Pokud se vám váš blog nezobrazuje správně stačí 2x F5.

ukázka změny, horní část je původní, větší video je po úpravě

pokud máte video nějak ohraničeno neroztahuje se - je tedy možné šířku i nadále ovlivňovat, jen jinak
např pomocí tabulky, která má pevný rozměr (což ale není přátelské k mobilní verzi!)

Aktualizace: nenapadlo mě, že může být video nežádoucí (kdo by to čekal od youtube )

Pokud potřebujete video zmenšit není to problém. Stačí se přepnout v editoru na ZDROJ a napírovat do něj tohle:
<style>.video-container,.video-container iframe,.video-container object,.video-container embed{height:70px;padding-bottom:0;margin-bottom:0;}</style>

Není důležité do jakého místa to vložíte, ale přimlouvám se buď úplně na začátek nebo úplně na konec. Výšku 70px si samozřejmě zaměňte za žádoucí a popřípadě doplňte i width který určí šířku.