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吧

https://www.bilibili.com/video/av713418332

调用标签<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

深入研究

下面你可以跟其他参数

所以只要设置 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的痛苦。 万物皆入轮回，谁也躲不掉！ 以上文章，均是我实际操作，写出来的笔记资料，不会出现全文盗用别人文章！烦请各位，请勿直接盗用！