哔哩哔哩视频如何自定义适应移动端

原文参考：https://www.cnblogs.com/wkfvawl/p/12268980.html

1、获取AID 和CID

我是直接通过在aid 和cid 进行获取的。

在一个视频详情分享中赋值<iframe>的代码；

如下：

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

2、赋值AID、CID 

如果嫌麻烦直接从aid一直复制到cid ；&page前即可。

aid=28935962&bvid=BV1Xs411M7yW&cid=66139583

3、调整代码

然后调整ifarme 的代码（代码来自最开始的原文链接分享中的） 

<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?aid=28935962&bvid=BV1Xs411M7yW&cid=66139583&page=1&as_wide=1&high_quality=1&danmaku=0" frameborder="no" scrolling="no"></iframe>
</div>

把里面的aid 和cid 替换掉即可。

最后一个实际

<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?aid=28935962&bvid=BV1Xs411M7yW&cid=66139583&page=1&as_wide=1&high_quality=1&danmaku=0" frameborder="no" scrolling="no"></iframe>
</div>

最后的情况便是：

web端显示：

 移动端显示：

 

 能够满足本人的展示要求，以上。