B站升级BV号后,如何在博客中插入哔哩哔哩视频,并让电脑和手机都适配呢?

2020年4月8日 评论 1,605

我一直用的建站系统都是WordPress,主题是begin知更鸟主题,主题自带在线视频支持,支持的格式还是非常全的,我查了下包括:优酷、56、QQ视频、搜狐视频、音悦台、酷6、乐视TV、网易云音乐和虾米。

但最近B站因为AV号不够用了,开始升级为BV号,导致像以前那样直接插入B站包含BV号的链接,在文章中就无法自动转成视频了。

那么有什么办法正常插入B站视频到博客中呢?
我之前在网上也找了一些代码,但插入后在电脑上看正常,手机上看就会被拉得很长,检查了下发现是因为这些代码都固定高度了,那在手机上自然会显示不正常。

正确的做法应该是:
第一部,点击B站视频分享按钮,复制插入代码:
B站升级BV号后,如何在博客中插入哔哩哔哩视频,并让电脑和手机都适配呢?

<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>

具体效果可以看我上一篇文章的实验。

哔哩哔哩有哪些视频或者专栏值得推荐的? 好文分享

哔哩哔哩有哪些视频或者专栏值得推荐的?

不是抖音!查了一下手机的屏幕时间管理,不出意料,果然是哔哩哔哩,也叫小破站! 因为它太全能了!学习课程、技能提升、看记录片、追番、听电影解说、浏览鬼畜视频、游戏直播、穿搭化妆…… 有些视频看了上瘾,用...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: