时尚新颖的外挂标签,建议始终保持配置内容为最新版本

适配bilibili视频(B站)

在文章中添加B站的视频

将下面的代码直接复制到你想要添加视频的博客中去,替换掉aid后面那一串字符。
注意,如果你的视频ID是BV开头,那么要把aid替换成bvid

1
2
3
4
5
6
7
8
9
10
11
12
<div align="center" class="bilibili-aspect-ratio">
<iframe
src="https://player.bilibili.com/player.html?aid=556933559&&page=1&as_wide=1&high_quality=1&danmaku=0"
scrolling="no"
border="0"
frameborder="no"
framespacing="0"
high_quality="1"
danmaku="1"
allowfullscreen="true"
></iframe>
</div>

source/css/custom.css中添加以下代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
/*哔哩哔哩视频适配*/
.bilibili-aspect-ratio {
position: relative;
width: 100%;
height: 0;
padding-bottom: 75%;
margin: 3% auto;
text-align: center;
border:1px dashed rgb(131, 131, 131);
border-radius: 15px;
}
.bilibili-aspect-ratio iframe {
position: absolute;
width: 100%;
height: 100%;
padding: 0.5% 0.5% 0.5% 0.5%;
left: 0;
top: 0;
}

适配


评论
avatar
学弟不想努力了
不拼,谁都不会知道输的是谁
关注我
最新评论
正在加载中...
网站资讯
文章数目 :
169
已运行时间 :
本站总字数 :
205.6k
本站访客数 :
本站总访问量 :
最后更新时间 :
访客地图
文章分类文章标签
随便逛逛阅读模式
全屏模式