Discourse Bilibili Onebox

[scavin]

	Summary	Discourse Bilibili Onebox is a plugin that allows Discourse communities to directly play Bilibili videos and live streams.
	Repository Link	GitHub - scavin/discourse-bilibili-onebox: Discourse Bilibili Onebox
	Install Guide	How to install plugins in Discourse

Features

Simply paste a Bilibili video or live stream URL on its own line in the editor to automatically embed and play it. Autoplay is disabled.

DEMO

• https://meta.appinn.net/t/topic/55832

Settings

You need to add the following two entries to the Allowed iframes setting:

• https://player.bilibili.com/
• https://www.bilibili.com/
• https://live.bilibili.com/ (FOR live streams)

Usage

Paste a Bilibili URL on its own line inside the composer. Links copied from the mobile share dialog also work.

Examples:

• https://www.bilibili.com/video/BV1WEgJzMEK3/?spm_id_from=333.1387.homepage.video_card.click
• https://www.bilibili.com/video/BV1WEgJzMEK3/?spm_id_from=333.1387.homepage.video_card.click&vd_source=b0a719e1950c150a97859195679d417a
• https://www.bilibili.com/video/BV1WEgJzMEK3/
• https://www.bilibili.com/video/BV1WEgJzMEK3
• https://b23.tv/hiS7rgR

For live streams:

• https://live.bilibili.com/1977907487

[qi_lu]

Very useful.
May I ask if it’s possible to develop media embedding plugins for other platforms? For example, commonly used Chinese video platforms like Xiaohongshu and Douyin.

[scavin]

It can only be played if the official source allows iframe playback. You say neither of these is allowed.

[qi_lu]

Normal video testing is fine; links can be displayed when inserted, but it seems the live broadcast room cannot.
No web links in the live broadcast room can be previewed.

The only viable option in the live broadcast room is the iframe embed code. However, the size is not quite right, and parameter modification is not taking effect.

<iframe style="width: 700px;height: 400px;" src="https://www.bilibili.com/blackboard/live/live-activity-player.html?cid=8178490&quality=0" frameborder="no"    framespacing="0" scrolling="no" allow="autoplay; encrypted-media" allowfullscreen="true"></iframe>

Test image:

Can Bilibili live broadcast rooms support link insertion or embed code adaptation to page size?

[scavin]

Live stream updated

feat(bilibili): 添加 Bilibili 直播间支持功能