发布一个小功能,通过 markdown 图片语法嵌入B站视频

今天晚上对园子的 markdown 功能做了一个小改进,方便大家在博文中嵌入B站视频,已发布上线。

现在直接用 markdown 图片语法就可以在博文中嵌入B站视频,比如

Screenshot 2025-06-26 at 23.25.41

注:上面的网址就是访问B站视频的网址,在B站搜索到一个视频,直接将浏览器地址栏的网址复制过来就行。

在 markdown 渲染时,会自动转换为下面的 iframe 标签

<iframe src="//player.bilibili.com/player.html?isOutside=true&bvid=BV1K5Mjz4EcP&p=1&autoplay=0" 
    scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" width="668" height="376"></iframe>

这样就可以直接在博文中观看B站视频,效果如下:

在发布这个小功能之前,在博文中嵌入B站视频,需要先申请开通js权限,然后在B站视频页面点击分享按钮,再点击「嵌入代码」按钮复制 iframe 代码,在博文中粘贴 iframe 代码,并设置 iframe 的尺寸,很是麻烦。

现在简单如引用一张图片,只不过图片地址是B站视频地址。

更新:

现在可以指定视频播放画面的大小,比如指定宽 500 高 281,在视频地址之后加个空格,输入 =500x281 即可

![](https://www.bilibili.com/video/BV1K5Mjz4EcP/?spm_id_from=333.337.search-card.all.click =500x281)

视频播放效果预览:

posted @ 2025-06-26 23:27  博客园团队  阅读(2034)  评论(10)    收藏  举报