Discourse 调整论坛内嵌bilibili视频播放器大小

软件开源 Discourse
1

管理器->自定义->主题->自定义CSS/HTML->通用->CSS

加入如下CSS样式，内嵌bilibili视频播放器将水平填充

/* CSS 通用样式 */
iframe[src*="player.bilibili.com"] {
    width: 100%; /* 将iframe宽度设置为容器的100% */
    max-width: 800px; /* iframe的最大宽度不超过800px */
    aspect-ratio: 16 / 9; /* 设置iframe的宽高比为16:9 */
    margin: auto; /* 水平居中显示，同时确保iframe在容器中居中 */
}

1074×394 9.06 KB

调整效果

709×667 53 KB

2

写了支持配置论坛嵌入bilibili视频嵌入论坛的方法

3

之前为这个问题很苦恼，专门搞了一个discourse插件实现b站视频iframe嵌入

4

插件也是用的 iframe ， B 站应该也能支持 iframe 的代码。

Discourse 应该能用 iframe。

我们尽量不去写插件，主要原因也是维护和升级问题。

一直没有太确定是不是嵌入视频，因视频频道可能有调整。

油管内容是可以直接插入的。

5

可以支持B站的高清视频吗～～～～～～～～

6

你可以测试下，我们没有测试高清视频。

有可能直接打开就可以用了。