Ein Podcast-Play-iframe in einen Beitrag einbetten?

[BCHK (Bcguy)]

Ich versuche, diesen Iframe in einem Beitrag in meinem Forum zum Laufen zu bringen, aber ich habe einige Probleme.

Hier ist der Iframe:

<iframe title="Libsyn Player" style="border: none" src="//html5-player.libsyn.com/embed/episode/id/26030694/height/90/theme/custom/thumbnail/yes/direction/forward/render-playlist/no/custom-color/0d4d8c/" height="90" width="100%" scrolling="no"  allowfullscreen webkitallowfullscreen mozallowfullscreen oallowfullscreen msallowfullscreen></iframe>

Ich habe versucht, die Domain „libsyn.com“ zur Whitelist hinzuzufügen, aber es funktioniert immer noch nichts.

Was mache ich falsch?

[Canapin (Coin-coin le Canapin)]

Hallo @BCHK,

Ich identifiziere zwei Probleme.

Ihre Iframe-URL beginnt mit //html5-player.libsyn.com, während Sie die Domain libsyn.com hinzugefügt haben.
Das Hinzufügen einer Domain in den zulässigen Iframes erlaubt nicht automatisch die zugehörigen Subdomains.

Das Protokoll ist ebenfalls wichtig.
Das Hinzufügen von https://html5-player.libsyn.com funktioniert nicht, da Ihre Iframe-URL mit // beginnt, ohne das Protokoll anzugeben.

Um diesen Iframe ordnungsgemäß einbetten zu können, müssen Sie den folgenden Iframe zulassen:

//html5-player.libsyn.com

Das zweite Problem ist, dass Ihr Iframe das Attribut width="100%" hat. Das Attribut width akzeptiert nur numerische Werte (die als Pixel und nicht als Prozent oder eine andere Einheit gerendert werden).

Wenn der Iframe die volle Breite des Beitrags nutzen soll, setzen Sie einen hohen numerischen Wert wie width="1000", ohne eine Einheit anzugeben.

---

Kurz gesagt:

• Fügen Sie diese zulässige Domain hinzu: //html5-player.libsyn.com

• Ersetzen Sie in den Iframe-Attributen width="100%" durch width="1000"

Hier ist das Ergebnis: