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

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

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

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

按照上面文章的步骤获取视频的面的aid和bvid和cid

然后将//player.bilibili.com/player.html?isOutside=true&aid=获取的aid&bvid=获取的bvid&cid=获取的cid&p=1替换下方代码的src=部分就可以了

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

<div style="position:relative;padding-bottom:56.25%;width:100%;height:0;">
	<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=88851650&bvid=BV1W7411G76W&cid=151775931&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="position:absolute;height:100%;width:100%;">
	</iframe>
</div>

最终实现效果如下，还是挺不错的，在不同大小的屏幕上也能很好的实现自适应