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

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

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

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
2 个赞

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

1 个赞

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