在网页中嵌入 bilibili HTML5 视频播放

使用 iframe 标签，更改其中 src 的 aid 和 cid，使其对应要插入的视频，即可在文章内插入 bilibili 视频。

操作步骤

获取aid，即为视频的av号

获取cid

cid有两种获取方式：

  • 通过 bilibili 分享按钮直接可以看到嵌入代码，将代码内的 cid 复制即可（推荐）；
  • 通过网页源代码查看，鼠标对网页右键，查看网页源代码（不能 F12，F12 看不到 cid），快捷键 ctrl+f，搜索 cid，即可找到对应的 cid。

插入方法

编辑 html 原代码，插入以下代码：

1
<iframe src="//player.bilibili.com/player.html?aid=对应aid&cid=对应cid&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" width="95%" height="450"></iframe>