本文最后更新于 1112 天前,其中的信息可能已经有所发展或是发生改变。
首先到待嵌入的视频将鼠标移到分享按钮上(不用点击)
然后移到嵌入代码并复制
(本例代码如下)
<iframe src="//player.bilibili.com/player.html?aid=583631611&bvid=BV1Tz4y1X7Bg&cid=206708397&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
我们需要这串代码中的”aid“和”cid“部分(即 aid=583631611 和 cid=206708397 )
然后将aid和cid填入下方代码的相应位置
<div style="position: relative; padding: 30% 45%;">
<iframe style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;" src="https://player.bilibili.com/player.html?cid=206708397&aid=583631611&page=1&as_wide=1&high_quality=1&danmaku=0" frameborder="no" scrolling="no"></iframe>
</div>
(以上代码中aid和cid已替换)
在编写文章的过程若插入视频只需将区块设成“自定义HTML”然后把替换好aid和cid的代码拷贝过去即可
如下为示例视频
参考王陸大佬的文章关于博客园内嵌入bilibili视频