# 整个论坛的浮动音频播放器

**URL:** <https://meta.discourse.org/t/floating-audio-player-for-entire-forum/275078>\
**Category:** Development\
**Created:** [2023年八月14日 16:27 UTC](https://meta.discourse.org/t/floating-audio-player-for-entire-forum/275078 "2023-08-14T16:27:19Z")\
**Posts on this page:** 1\
**Showing post:** 10

<div class="post-metadata">

**Author:** ![denvergeeks](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/denvergeeks/32/327671_2.png) [@denvergeeks](https://meta.discourse.org/u/denvergeeks)\
**Post date:** [2023年八月16日 05:02 UTC](https://meta.discourse.org/t/floating-audio-player-for-entire-forum/275078/10 "2023-08-16T05:02:00Z")

</div>

Media Overlay 组件将在每个 iframe 的角落提供一个按钮。

这样您就可以将任何 iframe 弹出到一个单独的小窗口中，并在浏览论坛时将其置于顶层，直到用户关闭它。

启用该主题组件，并在您的站点设置的 **允许的 iframe** 下白名单化您的 iframe 源（例如 `https://w.soundcloud.com` 和 `https://api.soundcloud.com`）。

然后，您可以将此代码段粘贴到帖子中……

```plaintext
<iframe src="https://w.soundcloud.com/player/?url=https://api.soundcloud.com/tracks/129053679&color=ff5500&auto_play=false&hide_related=false&show_comments=false&show_user=true&show_reposts=false" height=100%></iframe>

```

点击该按钮，该迷你播放器将在右下角弹出，并在您浏览网站时保持打开状态（直到您手动关闭它）……

 ![Screenshot 2023-08-15 225832](https://global.discourse-cdn.com/meta/original/4X/8/b/2/8b2236d21a7356f91d0641f28a6180dcc2fb185c.jpeg)

---

_[View the full topic](https://meta.discourse.org/t/floating-audio-player-for-entire-forum/275078)._