Seite 1 von 1
Youtube® Iframe code an handy anpassen
Verfasst: 13.12.2015 21:39
von hililililklklklkl
Hallo!
Ich habe ganz unten in einem Forum win yourube Video verlinkt.
Kann man das so anpassen das es sich am handy verkleinert?
Wenn ja in welchen css dateien findet man das?
Re: Youtube® Iframe code an handy anpassen
Verfasst: 13.12.2015 21:49
von Lehrling
Re: Youtube® Iframe code an handy anpassen
Verfasst: 15.12.2015 17:10
von hililililklklklkl
in welche css dateien gehört das?
Re: Youtube® Iframe code an handy anpassen
Verfasst: 15.12.2015 17:31
von Kirk
Nimm mal die content.css dafür.
Re: Youtube® Iframe code an handy anpassen
Verfasst: 15.12.2015 17:52
von Lehrling
In der Datei overall_footer.html (Ordner template) ersetzt du
Code: Alles auswählen
<iframe width="560" height="315" src="https://www.youtube.com/embed/0sp-9gjVYH0" frameborder="0" allowfullscreen></iframe>
durch
Code: Alles auswählen
<div class="elastic-video"><iframe src="https://www.youtube.com/embed/0sp-9gjVYH0" frameborder="0" allowfullscreen></iframe></div>
Im common.css fügst du ganz am Ende folgende Abschnitte ein:
Code: Alles auswählen
.elastic-video {
position: relative;
padding-bottom: 55%;
padding-top: 15px;
height: 0;
overflow: hidden;
}
.elastic-video iframe {
position: absolute;
top: 0%;
left: 10%;
width: 80%;
height: 80%;
}
Danach den Cache leeren.