哔哩哔哩内嵌播放器大小自适应

实现了在各种屏幕大小下哔哩哔哩网页内嵌播放器窗口的自适应功能

实现

源码

<div style="position: relative; padding: 30% 45%;">

<iframe style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;" src="https://player.bilibili.com/player.html?cid=323407284&aid=247534745&page=1&as_wide=1&high_quality=1&danmaku=0" frameborder="no" scrolling="no"></iframe>

</div>

例子：

这是从bilibili视频分享嵌入代码复制下来的内容

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

按照其中的内容修改源码的中的aid的值为974165707