我一直用的建站系统都是WordPress,主题是begin知更鸟主题,主题自带在线视频支持,支持的格式还是非常全的,我查了下包括:优酷、56、QQ视频、搜狐视频、音悦台、酷6、乐视TV、网易云音乐和虾米。
但最近B站因为AV号不够用了,开始升级为BV号,导致像以前那样直接插入B站包含BV号的链接,在文章中就无法自动转成视频了。
那么有什么办法正常插入B站视频到博客中呢?
我之前在网上也找了一些代码,但插入后在电脑上看正常,手机上看就会被拉得很长,检查了下发现是因为这些代码都固定高度了,那在手机上自然会显示不正常。
正确的做法应该是:
第一部,点击B站视频分享按钮,复制插入代码:
<iframe src="//player.bilibili.com/player.html?aid=327XXX131&bvid=BV1tA411h7id&cid=174XXX753&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
B站视频无论怎么变,都会有一串单独的aid码和cid码,我们只需要这两个数字码替换下面这串代码中的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=替换cid&aid=替换aid&page=1&as_wide=1&high_quality=1&danmaku=0" frameborder="no" scrolling="no"></iframe> </div>
具体效果可以看我上一篇文章的实验。