Hallo alle zusammen!
Ich bin recht neu in dem Forum und in der CSS Thematatik.
Zu meinem Problem:
Ich bekomme Youtube Videos auf meiner Website nicht auf die gewünschte Größe eingestellt.
Laut meinem Code sehe ich keinen Fehler. Trotzdem springt das Video im Container immer auf 1920x1080px anstelle auf 560x315px.
Wenn man den Browser verkleinert (auch bei Mobilen Devices), verkleinert sich das ganze wie es soll.
Aber bei Full HD geht es auf maximum.
Hier der CSS Code:
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 0px;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
Und die HTML Einbindung:
<div class="video-container"><iframe width="560" height="315" class="responsive-video" src="https://www.youtube.com/embed/YuzvVqfEiBk" frameborder="0" allowfullscreen></iframe></div>
Wer Zeit hat, genauer zu schauen, hier meine Testseite:
http://www.whitemountain-music.com/test/test.html
Vielen Dank für eure Hilfe!