您现在的位置是：网站首页>哔哩哔哩视频如何自定义适应移动端 个人文章
哔哩哔哩视频如何自定义适应移动端
永远相信美好的事情即将发生2021-09-09【前端技术】
简介 有大佬解决了；先膜拜了再白嫖
原文参考：https://www.cnblogs.com/wkfvawl/p/12268980.html
1、获取AID 和CID
我是直接通过在aid 和cid 进行获取的。
在一个视频详情分享中赋值：
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=xxxx&bvid=yyyyyy&cid=zzzzz&page=1&as_wide=1&high_quality=1&danmaku=0" frameborder="no" scrolling="no">注意：实际使用把div 和 ifram前面空格取消掉；（thymeleaf框架通过utext的方式会解析该html的代码）
把里面的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">注意：实际使用把div 和 ifram前面空格取消掉；（thymeleaf框架通过utext的方式会解析该html的代码）
最后的情况便是：