[SOLVED] Youtube Videos responsive einfügen

Hallo,

ich bin gerade dabei, das Template einzurichten. Klappt so weit ganz gut. Abgesehen davon, dass der Customizer gelegentlich Änderungen vornimmt, die ich nicht eingestellt habe. Dann muss ich da wieder drauf und zum Beispiel die Schrift nochmal anklicken, damit sie wieder übernommen wird.

Hier geht es mir jedoch um eingebettete Videos von Youtube:

Es ist mir nicht möglich, die Videos auf der Seite in einer festen Größe darzustellen. Egal, welches Plugin oder Code ich nutze. Diese werden immer in 100% eingebettet, was ich natürlich nicht möchte. Die maximale Größe auf der Homepage möchte ich beschränken. Die Seite berücksichtigt jedoch keine Vorgaben.

Das Video setze ich wie folgt auf die Seite:

<div class="video-container">
<iframe src="" frameborder="0" width="560" height="315" allowfullscreen="allowfullscreen" webkitallowfullscreen="" mozallowfullscreen="">
</div>

In der entsprechende Theme.css dann

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

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

Gibt es denn eine Möglichkeit, die maximale Größe auf der Seite zu beschränken?

Danke im Voraus für eine Antwort

Benutzen sie doch mal nur den "iframe" ohne den Div aussen herum.
Somit hat ihr Video dann die Größe von 560 Breite.

<iframe src="

" frameborder="0" width="560" height="315" allowfullscreen="allowfullscreen" webkitallowfullscreen="" mozallowfullscreen="">

Das Video ist natürlich dann nicht mehr responsive

Ja das soll es aber sein Gibt es da keine Lösung?

Also entweder eine fixe Breite oder aber responsive!
Beides geht nicht, da responsive den Vorteil hat, sich dem Screen anzupassen und prozentual vergrößert bzw verkleinert.

Ok, Dankschön. Dachte, die maximale Breite könnte man irgendwie eingrenzen.

Problem solved.