发布一个小功能,通过 markdown 图片语法嵌入B站视频
今天晚上对园子的 markdown 功能做了一个小改进,方便大家在博文中嵌入B站视频,已发布上线。
现在直接用 markdown 图片语法就可以在博文中嵌入B站视频,比如
注:上面的网址就是访问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
即可

视频播放效果预览: