预览插入的B站的视频链接后阅读模式下显示出来

Day_Dream · 2022 年5 月 15 日 11:51

我是一个刚使用OB的网友，插入B站视频会出现这样的问题，有遇到同样问题解决了的网友解答一下吗？拜托

Day_Dream · 2022 年5 月 15 日 12:13

求大神给个建议,这样太难受了

致九 · 2022 年5 月 16 日 06:05

B站的链接是不能直接嵌入的，B站有提供的专门嵌入的链接，如下图：

复制嵌入代码，注意，这里要在src=“//player”手动添加http，类似下面的格式：

<iframe src="http://player.bilibili.com/player.html?aid=511597053&bvid=BV1Lu41167W1&cid=719284643&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

这样就可以直接在 obsidian 嵌入这个视频了

补充一下，这个代码粘贴进obsidian是可以嵌入展示了，但是比较小和丑，如下图：

需要在上面的代码补充 style属性值

style="height:100%;width:100%; aspect-ratio: 16 / 9;"

视频显示就比较好看了

完整的代码如下，可以直接粘贴下面这个代码试一试，以后的视频都按照这个代码直接替换src使用就可以了

<iframe src="http://player.bilibili.com/player.html?aid=511597053&bvid=BV1Lu41167W1&cid=719284643&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="height:100%;width:100%; aspect-ratio: 16 / 9;"> </iframe>

更进阶的做B站视频笔记的插件可以查看下面两个插件：

Media Extended
Media Extended BiliBili Plugin

aidenlx · 2022 年5 月 16 日 13:11

具体可以看这个：The problem of interface display · Issue #135 · aidenlx/media-extended · GitHub

Day_Dream · 2022 年5 月 18 日 14:47

大哥我的膝盖您收好,谢谢啦!

larry_wang · 2023 年9 月 9 日 12:29

你好，我也碰到这个问题，装了media和bilibili这两个插件后，测试视频只能阅读模式打开，编辑模式也显示一个缺失的图片
操作系统：win10
ob版本：1.4.5
两个插件：都是从应用设置里面的社区插件市场下载的
Media Extended: 2.11.1
Media Extended BiliBili Plugin: 0.3.1
实际输入文本： ![test](https://www.bilibili.com/video/BV1nh411x7wM)
截图如下