Bilibili 视频
294字小于1分钟
2024-03-28
概述
有时候,你想在你的文档中嵌入视频,以提高内容的表达能力。
主题提供了 嵌入 Bilibili 视频 的功能。
该功能由 vuepress-plugin-md-power 提供支持。
配置
该功能默认不启用。你需要在主题配置中开启。
.vuepress/config.ts
export default defineUserConfig({
theme: plumeTheme({
plugins: {
markdownPower: {
bilibili: true,
},
}
})
})
语法
简单的语法:
@[bilibili](bvid)
带 分P 的视频,在 bilibili
后跟随 p1
、p2
、p3
等选项
@[bilibili p1](aid cid)
更多选项:
@[bilibili p1 autoplay time="0" width="100%" height="400px" ratio="16:9"](bvid aid cid)
选项说明:
- bvid: 视频 BV ID
- aid: 视频 AID
- cid: 视频 CID
- autoplay: 是否自动播放
- time: 视频开始播放时间点,单位为秒, 也可以使用
mm:ss
或hh:mm:ss
格式 - width: 视频宽度
- height: 视频高度
- ratio: 视频比例,默认
16:9
对于分P的视频,可以省略传入 bvid
,但需要传入 aid
和 cid
示例
宽频视频
输入:
@[bilibili](BV1EZ42187Hg)
输出:
竖屏视频
输入:
@[bilibili width="320px" ratio="9:16"](BV1zr42187eg)
输出: