如何优化哔哩哔哩的在文章中的样式？自适应+清爽模式

首先上一段b站视频嵌入代码

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

该代码如果不经修改，可能在嵌入页面显示的非常小，与原页面非常的不搭配。

修改后代码

<iframe src="//www.bilibili.com/blackboard/html5mobileplayer.html?aid=652150623&amp;bvid=BV1ke4y1c7En&amp;cid=1016879680&amp;page=1" allowfullscreen="allowfullscreen" width="100%" height="500" scrolling="no" frameborder="0" sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts"></iframe>

这样就舒服很多了，但是大小不对。