responsive iframe in allen Formaten

Hi zusammen,

ich bin ein völliger WP Anfänger und bastel mir eine Seite.
Ich bin gezwungen einen Audioplayer über ein iframe einzubinden (GEMA).
Die Seite mit dem Player sowie die Seite auf der der Player eingebunden werden soll gehören beide mir, ich kann also auf beiden Seiten Code einfügen.

Ich habe schon diverse Plugins versucht und auch hier im Forum verschiedene Ansätze verfolgt aber noch kein zufriedenstellendes Ergebnis hinbekommen.
Der eingebundene Player sieht auf meine Mac im Browser gut aus, auf meinem iPhone ist er (bei dem Plugin) zu breit, bei dem Code den ich mir zusammengebaut habe gehts gar nicht.

Ich habe folgendes eingebunden.

.content {    width: 100%;
    margin: 0px auto;
}




.embed-container {
    height: 0;
    width: 100%;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative;
}
            
.embed-container iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

und

<div class="content">    <div class="embed-container">    <iframe src="http://www.loungeband.demotitel.de" width="100%" height="800" frameborder="0" marginwidth="4" marginheight="0" scrolling="auto"></iframe>    </div>    </div>

Vielleicht kann jemand helfen.
Vielen Dank schon mal vorab

LG
Andreas

Der Code den ich mir zusammengebaut habe den sieht man ja, und wenn man die Seite aufruft und ganz nach unten scrollt sieht man das ergebnis

Ganz unten ist der eingebundene Player mit diesem Code zu sehen, weiter oben ist der eingebundene Player zu sehen der durch das Plugin Advanced IFrame zustandekommen, der passt in der breite nicht

Shit ich hab tatsächlich den link vergessen, sorry

neu.lounge-band.de

manchmal ...

Keiner eine Idee? oder einen Lösungsansatz?