技巧教程 [小工具] 如何在自定义视频BB代码中添加对BiliBili的BV号(AV号)视频链接的支持

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

YYT

注册
2017/10/06
消息
82
解决方案
2
反馈评分
336
黄金
10,659G
    Windows 10 Chrome 81.0.4044.113
  • #1
1587431756316.png1587431777566.png
这个插入视频的功能是相当实用的,也不用再单独添加一个按钮

这里呢我就把AV号和BV号的都贴出来
注意两者要分开添加

[REPLY]进入【内容】>【媒体站点BB代码】>【添加】
ID、标题、链接自己填

匹配链接:
AV号:
代码:
.bilibili.com/video/av{$id}
b23.tv/av{$id}
BV号:
代码:
.bilibili.com/video/bv{$id}
b23.tv/bv{$id}

嵌入模板:
AV号:
HTML:
<div class="bbMediaWrapper"> <!-- 如果想要bilibili带进度条等功能的html播放器就将这个标签删除 -->
    <div class="bbMediaWrapper-inner">
        <iframe src="//player.bilibili.com/player.html?aid={$id}&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>
    </div>
</div>
BV号:
HTML:
<div class="bbMediaWrapper"> <!-- 如果想要bilibili带进度条等功能的html播放器就将这个标签删除 -->
    <div class="bbMediaWrapper-inner">
        <iframe src="//player.bilibili.com/player.html?bvid={$id}&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>
    </div>
</div>
[/REPLY]

差不多就是这样
其实bv号与av号的嵌入规则相同,观察b站自带的html视频播放器的代码就很容易看出来
 
最后编辑:

小关

打酱油的路过~~
管理成员
注册
2019/01/25
消息
489
解决方案
11
反馈评分
1,420
黄金
12,217G
    Windows 10 Chrome 80.0.3987.149
  • #2
前排支持!
 
注册
2018/01/05
消息
40
反馈评分
1
黄金
2,772G
    Windows 10 Chrome 81.0.4044.113
  • #3
支持支持
 
注册
2019/04/14
消息
86
解决方案
2
反馈评分
209
黄金
4,477G
    Android Android browser 4.0
  • #5
看一下你如何改的
 
注册
2020/03/24
消息
6
反馈评分
0
黄金
192G
    Windows 10 Chrome 84.0.4121.0
  • #6
看看如何直接插入
 
注册
2019/12/31
消息
78
解决方案
1
反馈评分
5
黄金
141G
    Windows 10 Chrome 83.0.4103.44
  • #8
资瓷
 
注册
2020/03/22
消息
8
反馈评分
0
黄金
235G
    Windows 10 Chrome 83.0.4103.61
  • #11
回复一下康康
 

诠释

Interpret
管理成员
注册
2019/12/01
消息
229
解决方案
35
反馈评分
74
黄金
13,656G
    Windows 7 Chrome 78.0.3904.108
  • #12
资瓷一下
 
注册
2020/06/01
消息
80
解决方案
3
反馈评分
4
黄金
4,527G
    Windows 10 Chrome 83.0.4103.61
  • #13
得安装相关插件吧
 
注册
2019/04/28
消息
18
反馈评分
15
黄金
5,467G
    Android Chrome Mobile 81.0.4044.138
  • #15
回复一下
 

9527

Cnury 站长
注册
2019/01/30
消息
32
反馈评分
82
黄金
3,928G
    Windows 10 Chrome 78.0.3904.108
  • #18
这样插入更优雅:icon-evil:
 
注册
2020/06/05
消息
11
反馈评分
0
黄金
371G
    Windows 10 Chrome 84.0.4147.38
  • #20
按教程设置,输入视频链接,发送出去之后是空白评论,请问是哪里出了问题呢?