YouTube-Video nicht in voller Höhe einbinden

[FreshFries]

Hallo Rolf,

der Kunde (dem sowohl das Video als auch die Webseite gehört) will das Video leider nur in einer begrenzten Höhe angezeigt bekommen. Ihm das auszureden war leider nicht machbar ;) Die Lösung mit Overflow Hidden haben wir probiert. Leider ist YouTube uns da scheinbar einen Schritt voraus und skaliert trotzdem runter. Hier mal mein Code. Sobald ich die Höhe änder, skaliert er das Video. (das Video was ich hier im Code habe ist nicht das Video welches wirklich auf die Webseite soll keine Sorge, würde nur ungerne den Kunden hier outen ;))

<div class="responsive-video">
	<iframe id="ytplayer" type="text/html" width="100%" height="1070px" src="https://www.youtube.com/embed/lIiUR2gV0xk?modestbranding=1&controls=0&rel=0&showinfo=1&autoplay=1&loop=1&mute=1&playlist=lIiUR2gV0xk" frameborder="0" allowfullscreen ></iframe>
</div>

<style>
.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.responsive-video {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}
</style>

Vll siehst du einen Fehler? :)

Viele Grüße, Stefan