官方嵌入代码

B站视频下面的分享中有嵌入代码,不过默认的代码比较简陋,而且没有自适应

默认代码

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

优化后的代码

1
<div style="position: relative; padding: 30% 45%;margin-top: 10px;margin-bottom: 10px"><iframe style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;" src="//player.bilibili.com/player.html?aid=67554570&bvid=BV1XJ411P7yW&cid=117115530&page=1&danmaku=0&high_quality=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe></div>

参数说明

key说明
aidAV号
bvidBV号
page第几个视频, 起始下标为 1
as_wide是否宽屏【1: 宽屏, 0: 小屏】
high_quality是否高清【1: 最高画质(720P), 0: 最低画质(默认)】
danmaku是否开启弹幕【1: 开启(默认), 0: 关闭】
t打开时, 自动跳转到某个时间

提取直链嵌入

通过iframe标签嵌入的B站视频最高画质限制在了720P,很模糊,直链提取的视频默认最高1080P画质

  1. 新建书签,将下方代码复制到网址那一栏
1
javascript:(()=>{const info = "made by ourongxing(即刻,B站,Github)";try{const link = `https://video-direct-link.vercel.app/bili.mp4?aid=${aid}&bvid=${bvid}&cid=${cid}`;const res = prompt("Command/Ctrl + C 复制,点击确定后直接跳转\n"+info,link);res&&window.open(link)}catch{window.alert("请在 B 站播放界面点击该书签\n"+info)}})()

  1. 在视频播放界面,点击该书签,弹窗中的网址就是永久有效的视频链接
1
https://video-direct-link.vercel.app/bili.mp4?aid=67554570&bvid=BV1XJ411P7yW&cid=117115530

  1. 点击确定会跳转到一个视频直链,这段直链一段时间后会失效
1
https://cn-gddg-dx-bcache-16.bilivideo.com/upgcxcode/30/55/117115530/117115530-1-208.mp4?e=ig8euxZM2rNcNbKV7WdVhwdl7wdBhwdVhoNvNC8BqJIzNbfq9rVEuxTEnE8L5F6VnEsSTx0vkX8fqJeYTj_lta53NCM=&uipk=5&nbs=1&deadline=1649187174&gen=playurlv2&os=akam&oi=585145559&trid=90bb3bf7c9124534810024d394f03696T&platform=html5&upsig=7a3739de1f1f99f761a681f0c9d62a40&uparams=e,uipk,nbs,deadline,gen,os,oi,trid,platform&hdnts=exp=1649179974~hmac=b64d50bc5c03e427e28b5789fa360b846421733603e413502495fee62123b8f9&mid=0&bvc=vod&nettype=0&bw=405742&orderid=0,1&logo=80000000
  1. 嵌入到网站中需要用到video标签,或者直接使用播放器等
1
<video playsinline="" controls="" preload="metadata" src="https://video-direct-link.vercel.app/bili.mp4?aid=67554570&bvid=BV1XJ411P7yW&cid=117115530" style="display: block; width: 100%;"></video>

参考文章

  1. https://bestzuo.cn/posts/blog-bilbli.html
  2. https://www.notion.so/B-1080P-Notion-88315db1b76f4e72a610e4e692cd8f96