html中怎样插入视频博客园,关于博客园内嵌入bilibili视频

一、原理

使用iframe标签，更改其中src对应bilibili视频的aid和cid，组装新的HTML源码，即可在文章内嵌入bilibili视频。

二、获取aid和cid

aid为视频的av号，但是每个av号下不一定只有1p，所以B站用cid来管理视频的真正id，那么也可以说如果视频只有1p，那么cid就无用了，我测试直接填1也是可以的。

这里介绍两种获取aid和cid的方法：

方法一

先观察视频的URL

https://www.bilibili.com/video/av84267566?from=search&seid=13400362594908841480

其中84267566就是av号。

或者直接点，右键——查看网页源代码——ctrl+f——搜索'aid='、‘cid=’ 就可以了。

方法二(推荐)

我们在转发视频的时候直接可以看到嵌入代码

这是官方准备的嵌入代码，可以直接拿来用，但是显示效果不是很理想，样式不是我们希望的，需要调整一下。

从嵌入代码中我们直接得到了aid和cid

我们重新设置一下功能、大小、样式，得到可用的HTML代码

以后插入需要的bilibili视频只需要改变上面的aid和cid就可以了！

三、嵌入方法

选择tinyMCE编辑器，这是博客园默认的编辑器，选择编辑html原代码，插入上面的代码即可。

四、示例

这里给出2020拜年祭的《万古生香》

万古千秋，代代有玲珑气象！

风云史往，页页赋秀骨生香！