B站视频嵌入自定义网页 bilibili

非正文

如果wordpress嵌入 需要文章中 放一个Html,填写,把B站弄的 Iframe 标签放进去就行。需要CSS 自己加在行内样式。

正文

使用场景

自己做的网页,小破服务器网络扛不住那么大的视频流压力

有什么好办法?

当然有,我说下我的解决方案

将视频,上传到一个视频平台,然后通过一些手段,将平台上面的视频,嵌入到自己的网页内,这样流量的压力就由服务器,转移到了用户自己的网络。我们的服务器只需要负责网络传输 短短的代码大小的压力 就实现轻量级,实现嵌入视频

相关参数说明

https://player.bilibili.com/player.html?cid=需要你获取&aid=需要你获取&page=1&as_wide=1&high_quality=1&danmaku=0

从上面格式 得知:我们需要 2 个参数来确定一个视频

这俩是:aid、 cid

来来,获取下这两个值,

我们拿一下 分享下面的 插入代码 复制过来的内容

内容如下:

<iframe src="//player.bilibili.com/player.html?aid=713418332&bvid=BV1UX4y1T7dT&cid=274753927&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

你能看见 cid 、aid吧 我相信眼不浊的各位大哥 应该都看得到

拿到了 我们替换上面的链接呗 如下

https://player.bilibili.com/player.html?cid=274753927&aid=713418332&page=1&as_wide=1&high_quality=1&danmaku=0

链接放到浏览器 可以打开

在下面是本页面嵌入的 应该看得到 480p吧

调用标签<iframe>即使使用&high_quality=1的资源,也不会是高清,也无法切换清晰度,因为B站 没登陆最高也就480

但是直接使用

player.bilibili.com/player.html?cid=274753927&aid=713418332&page=1&as_wide=1&high_quality=1&danmaku=0

在B站登录后 就是高清,可以随意切换

OK

深入研究

下面你可以跟其他参数

key说明
aid视频ID
就是B站的 avxxxx 后面的数字
cid应该是客户端id, clientId 的缩写(推测的, 不一定准确)
经过测试, 这个字段不填也没关系
page第几个视频, 起始下标为 1 (默认值也是为1)
就是B站视频, 选集里的, 第几个视频
as_wide是否宽屏
1: 宽屏, 0: 小屏
high_quality是否高清
1: 高清, 0: 最低视频质量(默认)
如视频有 360p 720p 1080p 三种, 默认或者 high_quality=0 是最低 360p
high_quality=1 是最高1080p
danmaku是否开启弹幕
1: 开启(默认), 0: 关闭

所以只要设置 high_quality=1 就能开启最高画质了(这里所谓的高清是B站自己规定的,B站不会老老实实的让你免费嵌入高清的,付费也没办法)。

自动播放

&autoplay=true  //注意 谷歌这玩意,使用iframe标签不会自动播放,edge浏览器可以哦 (这里浏览器能否自动播放 仅试用当前时间2021年1月 B站播放器等条件 后期官方修改,或者浏览器升级,可能会发生变动。)
B站官方并没有给出文档说明.....但我发现论坛上有一些相关的讨论

经测试high_quality参数可以正常使用,此参数控制外链播放器的默认清晰度:
=1时默认清晰度是最高非大会员清晰度,例如:
(1)原视频清晰度有360P、480P、720P,外链播放器默认为最高的720P,
(2)原视频清晰度有360P、480P、720P、1080P,外链播放器默认为最高的1080P,
(3)原视频清晰度有360P、480P、720P、1080P、1080P+,外链播放器默认为1080P,
选择其他清晰度会打开原视频页面,

=其他数值或没有此参数时默认清晰度是360P,选择其他清晰度会打开原视频页面。

还是那句话,你只看到了大佬轻松解决问题的光鲜,却不记得当初人家死磕Bug的痛苦。

万物皆入轮回,谁也躲不掉!

以上文章,均是我实际体验,写出来的笔记资料,不会出现全文盗用别人文章!烦请各位,支持下原创,请勿直接盗用,有条件的可以开通个会员支持下,谢谢!!!

Java Code Study » B站视频嵌入自定义网页 bilibili

招聘、单纯问问题,都可以联系我

加我QQ 公司缺人,拉我入伙