博客嵌入哔哩哔哩视频

插入到 css 样式中

1
2
3
4
5
6
7
8
9
10
11
12
13
14
.video {
  height: 0;
  padding-bottom: 56.25%; /* 16:9 */
  position: relative;
  width: 100%;
}

.video iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

打开 B 站任意视频，点击分享嵌入代码

1
<iframe src="//player.bilibili.com/player.html?aid=987493800&bvid=BV15t4y1T7tR&cid=884616083&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

写文章时引用嵌入代码,然后用 video 的 div 包住它

1
2
3
4
<div class="video">
<iframe src="//player.bilibili.com/player.html?aid=987493800&bvid=BV15t4y1T7tR&cid=884616083&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
</div>