Youtube® Iframe code an handy anpassen

[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?

[Lehrling]

Tante Google gibt aus: http://www.elmastudio.de/programmierung ... ptimieren/

[hililililklklklkl]

in welche css dateien gehört das?

[Kirk]

Nimm mal die content.css dafür.

[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.