>官方嵌入代码

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

>默认代码

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

>优化后的代码

本站的 sinner 主题默认对 B站 视频有优化处理,所以没必要弄了

<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=215631694&bvid=BV1ua411p7iA&cid=765060141&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. 新建书签,将下方代码复制到网址那一栏

    javascript:(()=>{const info = "made by ourongxing(即刻,B站,Github)";try{const link = `https://video.busiyi.world/bili.mp4?aid=${playerInfo.aid}&bvid=${playerInfo.bvid}&cid=${playerInfo.cid}`;const res = prompt("Command/Ctrl + C 复制,点击确定后直接跳转\n"+info,link);res&&window.open(link)}catch{window.alert("请在 B 站播放界面点击该书签\n"+info)}})()

  2. 在视频播放界面,点击该书签,弹窗中的网址就是永久有效的视频链接

    https://video.busiyi.world/bili.mp4?aid=215631694&bvid=BV1ua411p7iA&cid=765060141

  3. 点击确定会跳转到视频真正的直链,这段直链一段时间后会失效

    https://cn-gddg-dx-bcache-10.bilivideo.com/upgcxcode/41/01/765060141/765060141-1-208.mp4?e=ig8euxZM2rNcNbhj7zdVhwdlhzTahwdVhoNvNC8BqJIzNbfq9rVEuxTEnE8L5F6VnEsSTx0vkX8fqJeYTj_lta53NCM=&uipk=5&nbs=1&deadline=1662218111&gen=playurlv2&os=akam&oi=585928980&trid=1aac2bbd7b4a4630b0e687f5cf1e5b69T&mid=0&platform=html5&upsig=0f30c7bbb1d57901c4524beb07118c3d&uparams=e,uipk,nbs,deadline,gen,os,oi,trid,mid,platform&hdnts=exp=1662210911~hmac=fcaa9bfba28bb08cbacab3186ccac261a60e1032fb2047abdb7f8032d4ed8b4d&bvc=vod&nettype=0&bw=367566&orderid=0,1&logo=80000000
  4. 嵌入到网站中需要用到video标签,或者直接使用播放器等

    <video playsinline="" controls="" preload="metadata" src="https://video.busiyi.world/bili.mp4?aid=215631694&bvid=BV1ua411p7iA&cid=765060141" style="display: block; width: 100%;"></video>

>参考文章

  1. 博客嵌入自适应 B 站视频
  2. 拒绝外链播放器!直接把 B 站 1080P 视频嵌入 Notion