网站中完美嵌入B站视频！自适应！直接复制代码即可（markdown编辑器）

 🍁前言

👑作者主页：👉CSDN丨博客园

---

🏆学习交流：👉在下周周ovoの社区

---

💎订阅专栏：​👉编辑搭建和美化网站系列专栏

---

想让你的网站加载更快？设计更美观？用户体验更出色？订阅本专栏，让你的网站各方面脱颖而出！

🍁正文 

经常查阅网站的小伙伴就会发现，大部分都是支持嵌入B站视频，不过有的会出现黑边，宽高不适应的情况

---

不管是和我一样使用的是wordpress或是其他搭建网站

---

只要你切换至markdown编辑器写文章的话，按照下面的方法，只需要简单几行代码就可以把B站视频完美嵌入网页

💖第一步：获取视频信息

在B站按照找到你要插入的视频点击分享，在弹出来的界面上点击嵌入代码，此时你的剪切板上就会自动复制一串链接

---

通过链接的参数你可以很简单的获取视频的的aid和bvid和cid

---

小小吐槽：不打这么多码就直接给我图片违归了

💖第二步：嵌入代码

然后将
 

//player.bilibili.com/player.html?isOutside=true&aid=获取的aid&bvid=获取的

bvid&cid=获取的cid&p=1

替换下方代码的src=部分，并将它嵌入你的markdown编辑器最终就可以了

---

要注意虽然在markdown编辑器上预览的话可能看起来比较奇怪，不过在你的网页上显示是一点问题也没有的

💖第三步：效果预览

当然是可以自适应的呐