前言

在Hexo插入Bilibili视频的时候，发现视频的播放器大小好小，于是决定解决一番。

原版分享视频

1	<iframe src="//player.bilibili.com/player.html?aid=47115841&cid=82509825&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

直接将B站中的视频插入地址放入文章MarkDown中的效果如下：

这个视频也太小了，而且不能全屏，很难受，于是在网上看到有人用自定义调节视频的高宽。

自适应视频播放器

1
2
3

<div style="position: relative; width: 100%; height: 0; padding-bottom: 75%;">
<iframe src="//player.bilibili.com/player.html?aid=55224540&cid=96981660&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;"> </iframe>
</div>