• 欢迎 游客 您的光临,下载之前请先阅读 积分规则(暂行) 。任何技术问题请在论坛提问,本站定制插件、模板主题售前、售后问题请联系QQ:5916171

技巧教程 优雅地添加BiliBili BB代码教程(自适应!)

9527

Cnury 站长
UID
259
注册
2019/01/30
消息
32
反馈评分
82
黄金
2,641.2G
  1. 后台打开:内容-->自定义BB代码-->添加BB代码
  2. 填写内容:
  3. 代码标签:随意,这里是bilibili
  4. 标题:哔哩哔哩
  5. 替换模式:简单替换
  6. 支持的参数选项:是
  7. HTML替换:
    HTML:
    <div style="position: relative; padding: 30% 45%;"><iframe style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;" src="//player.bilibili.com/player.html?bvid={text}&page={option}&as_wide=1&high_quality=1&danmaku=0" frameborder="no" scrolling="no"></iframe>
    </div>
  8. 图标:可自定义,由于fa没有B站图标,这里就用图片:B站SVG
  9. 保存,完成!
你还需要在BB代码按钮管理器添加这个按钮,这里就不赘诉了。
添加方法:1585558042882.png

效果:
1585550332901.png
1585550349716.png
帮到你的就点个支持嘛~~~~~​
 
最后编辑:

小关_

打酱油的路过~~
管理成员
UID
255
注册
2019/01/25
消息
489
反馈评分
1,413
黄金
7,860.5G
    Windows 10 Chrome 80.0.3987.149
  • #2
强迫症必需品 (y)
 

小关_

打酱油的路过~~
管理成员
UID
255
注册
2019/01/25
消息
489
反馈评分
1,413
黄金
7,860.5G
    Windows 10 Chrome 80.0.3987.149
  • #3
正好我在找iframe自适应 :icon-mrgreen:
 
UID
700
注册
2020/03/24
消息
6
反馈评分
0
黄金
192.0G
    Windows 10 Chrome 84.0.4121.0
  • #4
感谢教程
 
UID
760
注册
2020/04/16
消息
7
反馈评分
0
黄金
183.0G
    Windows 10 Chrome 81.0.4044.129
  • #5
  1. 后台打开:内容-->自定义BB代码-->添加BB代码
  2. 填写内容:
  3. 代码标签:随意,这里是bilibili
  4. 标题:哔哩哔哩
  5. 替换模式:简单替换
  6. 支持的参数选项:是
  7. HTML替换:
    HTML:
    <div style="position: relative; padding: 30% 45%;"><iframe style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;" src="//player.bilibili.com/player.html?bvid={text}&page={option}&as_wide=1&high_quality=1&danmaku=0" frameborder="no" scrolling="no"></iframe>
    </div>
  8. 图标:可自定义,由于fa没有B站图标,这里就用图片:B站SVG
  9. 保存,完成!
你还需要在BB代码按钮管理器添加这个按钮,这里就不赘诉了。
添加方法:浏览附件2387

效果:
浏览附件2385
浏览附件2386
帮到你的就点个支持嘛~~~~~​
太棒了这个
 
UID
870
注册
2020/06/13
消息
17
反馈评分
1
黄金
872.1G
    Android Chrome Mobile 74.0.3729.136
  • #8
这个太好了,真的需要…
 
UID
1160
注册
2021/01/06
消息
8
反馈评分
2
黄金
1,027.2G
    Windows 10 Chrome 88.0.4324.104
  • #10
十分感谢,顺便提下参数设置可以支持分P很细节(y)
 
顶部 底部