在 Obsidian 中嵌入 B 站视频的完整教程

一、获取 B 站视频嵌入代码

1. 打开浏览器，进入需要插入的 B 站视频播放页面
2. 点击视频下方的「分享」按钮
3. 点击「嵌入代码」选项，系统会自动复制代码

二、Obsidian 中配置嵌入代码（核心步骤）

步骤 1：基础修正（必做）

将复制的嵌入代码粘贴到 Obsidian 笔记的目标位置，首先在代码中 // 前添加 https:，修复链接协议问题。

步骤 2：关闭自动播放（推荐）

在代码中 " scrolling="no" 前插入 &Autoplay=False，禁用视频自动播放功能

步骤 3：调整视频窗口大小（可选）

在代码的 ></iframe> 之前插入样式代码：
style="width: 640px; height: 380px; max-width: 100%"
其中 640（宽度）、380（高度）可根据需要修改

三、完整示例与模板

1. 原始嵌入代码（B 站复制的默认代码）

<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=115876892248081&bvid=BV1CW6oBeETn&cid=35324890748&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>

2. 优化后的最终代码（可直接复用）

<iframe src="https://player.bilibili.com/player.html?isOutside=true&aid=115876892248081&bvid=BV1CW6oBeETn&cid=35324890748&p=1&Autoplay=False" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="width: 640px; height: 380px; max-width: 100%"></iframe>

四、需要用到的代码片段

https:

&Autoplay=False

style="width: 640px; height: 380px; max-width: 100%"

五、教学视频演示

---