alugha Videoplayer respsonsive

.flex-video {
position: relative;
padding-top: 25px;
padding-bottom: 67.5%;
height: 0;
margin-bottom: 16px;
overflow: hidden;
}

Um dann auch noch sicherzustellen, dass das Video auch auf Displays mit einer 16:9 Ratio gut aussieht, fügt man diese Werte ebenso noch in seine CSS Datei hinzu:

.flex-video.widescreen {
padding-bottom: 57.25%;
}

Last but not least muss nun noch sichergestellt werden, dass das Video sich auch an die Größe des Browserfensters anpasst wenn eben diese verändert wird:

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

Um nun das Video einzubinden geht man wie folgt vor:

<div class="flex-video widescreen">
<iframe src="https://alugha.com/embed/yt/?v=mbOEknbi4gQ" allowfullscreen="" frameborder="0"></iframe>
</div>

Mehr braucht man gar nicht und schon passt sich die Größe des Videos immer der Fenstergröße im Browser an.