如何在网页中嵌入B站视频

官方嵌入代码

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>

优化后的代码

<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	说明
aid	AV号
bvid	BV号
page	第几个视频, 起始下标为 1
as_wide	是否宽屏【1: 宽屏, 0: 小屏】
high_quality	是否高清【1: 最高画质(720P), 0: 最低画质(默认)】
danmaku	是否开启弹幕【1: 开启(默认), 0: 关闭】
t	打开时, 自动跳转到某个时间

提取直链嵌入

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

新建书签，将下方代码复制到网址那一栏

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	https://video-direct-link.vercel.app/bili.mp4?aid=67554570&bvid=BV1XJ411P7yW&cid=117115530

点击确定会跳转到一个视频直链，这段直链一段时间后会失效

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

嵌入到网站中需要用到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>