<div class="Layout-main">目前 GitHub Markdown 不支持 <code>iframe</code> 标签，所以我们在 B 站点击分享复制的嵌入代码在 GitHub 上会展示成纯文本。
例如复制的嵌入代码：
<div class="highlight highlight-html"><div class="highlight-header"><div class="highlight-language">html</div></div><pre><code tabindex="0">1&#x3C;iframe
2 src="//player.bilibili.com/player.html?aid=683633468&#x26;bvid=BV1jS4y1w7SW&#x26;cid=711074429&#x26;page=1"
3 scrolling="no"
4 border="0"
5 frameborder="no"
6 framespacing="0"
7 allowfullscreen="true"
8>
9&#x3C;/iframe>
</code></pre></div>
会展示成这样：
<img src="/blogs/images/github-markdown-embed-bilibili-video/github-display-iframe.webp" alt="github display iframe" />
所以我们可以换一种思路展示一张图片，图片点击会打开视频，例如：
<div class="highlight highlight-md"><div class="highlight-header"><div class="highlight-language">md</div></div><pre><code tabindex="0">[![](https://i1.hdslb.com/bfs/archive/9a32c55b90ac9485d02dc1a50dc1fa94d12b3111.jpg@640w_400h_1c.webp)](https://player.bilibili.com/player.html?aid=683633468&#x26;bvid=BV1jS4y1w7SW&#x26;cid=711074429&#x26;page=1)
</code></pre></div>
但此时外观是这样的：
<img src="/blogs/images/github-markdown-embed-bilibili-video/bilibili-thumbnail.webp" alt="bilibili thumbnail" />
用户可能并不知道这是一个视频
此时我们可以使用 <a href="https://bb-embed.zjffun.com/">bilibili 视频封面图</a> 这个工具为图片添加这是一个视频的视觉提示，例如：
<div class="highlight highlight-md"><div class="highlight-header"><div class="highlight-language">md</div></div><pre><code tabindex="0">[![](https://bb-embed.zjffun.com/embed?v=BV1jS4y1w7SW)](https://player.bilibili.com/player.html?aid=683633468&#x26;bvid=BV1jS4y1w7SW&#x26;cid=711074429&#x26;page=1)
</code></pre></div>
外观是这样：
<a href="https://player.bilibili.com/player.html?aid=683633468&#x26;bvid=BV1jS4y1w7SW&#x26;cid=711074429&#x26;page=1"><img src="https://bb-embed.zjffun.com/embed?v=BV1jS4y1w7SW" alt=""></a></div><nav class="Layout-sidebar"><ol class="toc-level toc-level-1"></ol></nav>

zjffun blog

GitHub Markdown 嵌入 bilibili 视频