一、原理
使用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=’ 就可以了。
方法二(推荐)
我们在转发视频的时候直接可以看到嵌入代码
这是官方准备的嵌入代码,可以直接拿来用,但是显示效果不是很理想,样式不是我们希望的,需要调整一下。
<iframe src="//player.bilibili.com/player.html?aid=84267566&cid=145147963&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
从嵌入代码中我们直接得到了aid和cid
我们重新设置一下功能、大小、样式,得到可用的HTML代码
<p><iframe src="//player.bilibili.com/player.html?aid=84267566&cid=145147963&page=1" frameborder="no" scrolling="no" width="95%" height="600"></iframe></p>
以后插入需要的bilibili视频只需要改变上面的aid和cid就可以了!
三、嵌入方法
选择tinyMCE编辑器,这是博客园默认的编辑器,选择编辑html原代码,插入上面的代码即可。
四、示例
这里给出2020拜年祭的《万古生香》
万古千秋,代代有玲珑气象!
风云史往,页页赋秀骨生香!
来源:https://www.cnblogs.com/wkfvawl/p/12268980.html