Intégrer un iframe Play de podcast dans un article ?

J’essaie de faire fonctionner cet iframe dans un post sur mon forum, mais j’ai quelques problèmes.

Voici l’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>

J’ai essayé d’ajouter le domaine “libsyn.com” à la liste blanche, mais rien ne fonctionne toujours.

Qu’est-ce que je fais de mal ?

Bonjour @BCHK,

J’identifie deux problèmes.

L’URL de votre iframe commence par //html5-player.libsyn.com alors que vous avez ajouté le domaine libsyn.com.
L’ajout d’un domaine dans les iframes autorisées n’autorise pas automatiquement les sous-domaines associés.

Le protocole est également important.
L’ajout de https://html5-player.libsyn.com ne fonctionnera pas car l’URL de votre iframe commence par // sans spécifier le protocole.

Afin d’autoriser correctement l’intégration de cette iframe, vous devez autoriser l’iframe suivante :

//html5-player.libsyn.com

Le deuxième problème est que votre iframe a l’attribut width="100%". L’attribut width n’accepte que des valeurs numériques (qui seront rendues en pixels, pas en pourcentage ou une autre unité).

Si vous souhaitez que l’iframe utilise toute la largeur du message, définissez une valeur numérique élevée comme width="1000" sans spécifier d’unité.

En bref :

• Ajoutez ce domaine autorisé : //html5-player.libsyn.com

• Dans les attributs de l’iframe, remplacez width="100%" par width="1000"

Voici le résultat :

image985×329 36.1 KB

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.