Youtube Video sprengt den Rahmen auf Smartphone

Hi,

so wie das aussieht, scheint dein verwendetes Theme zwar responsive zu sein, allerdings hat man wohl nicht berücksichtigt das jemand auch externe Inhalte (wie in deinem Fall ein YT Video) einbinden will.

Da müsstest du mal die style.css des Themes anschauen, ob dort irgendwo Media screen zur Verwendung kommt.
Die css Blöcke die mit dieser Anweisung anfangen sind für das Layout auf Mobilen Endgeräten zuständig.
Es gibt mittlerweile auch Themes die für Mobile Endgeräte eine extra style.css beinhalten. Müsstest du also mal schauen, ob es eventuell mehrere css Dateien gibt.

Zum Beispiel

@media screen and (min-width: 480px) {
css anweisungen ...
}

wäre so ein Block.

Ich vermute mal das iframe styling für Posts bei deinem Theme generell nicht berücksichtigt ist.
Ist jetzt ungetestet, aber du könntest ja mal das versuchen;

.iframe {
    top: 0;
    left: 0;
    width: auto;
    height: auto;
}

Nur wie geschrieben ist ungetestet, da ich das Theme nicht kenne. ;-)

Ebenfalls ungetestet gehe ich davon aus, dass es so nicht klappen wird …

Richtig: Knubbelpunkt ist, dass so ein YouTube-Video in einem iframe daherkommt.
iframes responsive ist ein bisschen tricky.

Aber: es gibt massenweise Anleitungen im Netz, wie man Google Maps (die kommen ebenfalls im iFrame, jedenfalls oft) responsive einbinden kann. Analog klappt das dann auch mit YouTube-Videos.
(Das geht dann über zwei verschachtelte Boxen, die eine, ich meine die umgebende, erhält keine Höhe, dafür aber ein Padding nach unten, das dem Seitenverhältnis zwischen Breite und Höhe in Prozent entspricht.)

Gruß
helix