将播客的Play iframe嵌入帖子中？

[BCHK (Bcguy)]

我正试图在论坛帖子中使用此 iframe，但遇到了一些问题。

这是 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>

我尝试将域名“libsyn.com”添加到白名单，但仍然无效。

我哪里做错了？

[Canapin (Coin-coin le Canapin)]

您好 @BCHK，

我发现了两个问题。

您的 iframe URL 以 //html5-player.libsyn.com 开头，而您添加的域名是 libsyn.com。
在 允许的 iframe 中添加域名不会自动允许相关的子域名。

协议也很重要。
添加 https://html5-player.libsyn.com 将不起作用，因为您的 iframe URL 以 // 开头，但未指定协议。

为了正确允许嵌入此 iframe，您需要允许以下 iframe：

//html5-player.libsyn.com

第二个问题是您的 iframe 具有 width=\"100%\" 属性。width 属性只接受数值（将渲染为像素，而不是百分比或其他单位）。

如果您希望 iframe 使用帖子的全部宽度，请设置一个较高的数值，例如 width=\"1000\"，而不指定任何单位。

---

简而言之：

• 添加此允许的域名：//html5-player.libsyn.com

• 在 iframe 属性中，将 width=\"100%\" 替换为 width=\"1000\"

结果如下：