vuepress-theme-plume/docs/en/guide/embed/bilibili.md

title, icon, createTime, permalink

title	icon	createTime	permalink
Bilibili Video	ri:bilibili-fill	2025/10/08 12:26:47	/en/guide/embed/video/bilibili/

Overview

The theme provides the capability to embed Bilibili videos.

This feature is powered by vuepress-plugin-md-power.

Configuration

This feature is disabled by default. You need to enable it in the theme configuration.

export default defineUserConfig({
  theme: plumeTheme({
    markdown: {
      bilibili: true, // [!code ++]
    },
  })
})

Syntax

Simple syntax:

@[bilibili](bvid)

For videos with multiple parts, add p1, p2, p3 etc. after bilibili:

@[bilibili p1](aid cid)

More options:

@[bilibili p1 autoplay time="0" width="100%" height="400px" ratio="16:9"](bvid aid cid)

Parameter Description:

• bvid: Video BV ID
• aid: Video AID
• cid: Video CID
• autoplay: Whether to enable autoplay
• time: Video playback start time in seconds, or in mm:ss or hh:mm:ss format
• width: Video width
• height: Video height
• ratio: Video aspect ratio, defaults to 16:9

For videos with multiple parts, bvid can be omitted, but aid and cid must be provided.

Examples

Widescreen Video

Input:

@[bilibili](BV1EZ42187Hg)

Output:

@bilibili

Vertical Video

Input:

@[bilibili width="320px" ratio="9:16"](BV1zr42187eg)

Output:

@bilibili width="320px" ratio="9:16"