【今年份最温柔的儿歌】《我中有你 Ci sarà un po' di voi》安东尼亚诺小合唱团 Piccolo Coro dell Antoniano
一、参考:
《Bilibili 视频适应页面宽度》
https://sunete.github.io/tutorial/bilibili-video-adapts-to-the-width/
二、操作:
1.写一个b.css
.responsive-video-container {
position: relative;
margin-bottom: 1em;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.responsive-video-container iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
2.html修改
<!--b站视频css-->
<link rel="stylesheet" href="../static/css/b.css" th:href="@{/css/b.css}">
<!-- 测试插入b站视频 ------------------------------->
<div class="responsive-video-container">
<iframe src="//player.bilibili.com/player.html?aid=722218435&bvid=BV1CS4y1D7NK&cid=456652130&page=1&as_wide=1&high_quality=1&danmaku=0"
scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
</div>