Loading... 查了一下网上的教程,摸索到了获取Bilibili直链的方法,这就分享给大家,可能会过期失效,但目前是可以的。 ## 前言 这几天一直在写一些小教程,文字觉得太枯燥了,配上图片有时候不全面,于是只能录教程视频了,可是一录视频就是几分钟几百兆的视频,压缩后空间也极大,贫穷的我只能借助Bilibili视频网站了。 ## 获取 Bilibili的APP分享出来的链接是这样的 `````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````` http://www.bilibili.com/video/BV1F5411W7Xs?share_medium=android&share_source=more&bbid=XY77F89744FCA2BD6727A13C62DF03F44BBF2&ts=1591426606873 `````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````` 我们看到分享链接后面的BV1F5411W7Xs这个视频的 `BV号`是 `1F5411W7Xs` 而这条视频的直链是这样的 ``````````````````````````````````````````````````````````````````````````` https://player.bilibili.com/player.html?aid=455956933&cid=199198887&page=1 ``````````````````````````````````````````````````````````````````````````` 访问下面链接(官方接口有失效可能) ````````````````````````````````````````````````````````` https://api.bilibili.com/x/web-interface/view?bvid=BV号 ````````````````````````````````````````````````````````` 获得一串json,从而获得这条视频的参数aid `俗称AV号`就是 `455956933`、参数cid就是 `199198887` 最后就得到了上文的视频直链 ## 挂载 **网站添加CSS** ````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````css /*视频挂载*/ .iframe_video { position: relative; width: 100%; } @media only screen and (max-width: 767px) { .iframe_video { height: 15em; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .iframe_video { height: 20em; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .iframe_video { height: 30em; } } @media only screen and (min-width: 1200px) { .iframe_video { height: 40em; } } .iframe_cross { position: relative; width: 100%; height: 0; padding-bottom: 75% } .iframe_cross iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0 } ```````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````` **挂载视频** 合适的位置加入以下代码 ``````````````html <iframe class="iframe_video" src="//player.bilibili.com/player.html?aid=455956933&cid=199198887&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe> `````````````` **查看效果** <iframe class="iframe_video" src="//player.bilibili.com/player.html?aid=455956933&cid=199198887&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe> 正文到此结束 最后修改:2022 年 02 月 18 日 © 允许规范转载 打赏 赞赏作者 支付宝微信 赞 1 如果觉得我的文章对你有用,请随意赞赏
5 条评论
这是原文章https://uuks.cn/4238.html
赤裸裸的整篇无耻搬运
麻烦您看下发布日期,OK?
不要ifram的,标签的怎么获得
你的视频怎么自适应网页大小,我的哔哩哔哩视频嵌入的画面很小,有什么特殊设置吗
教程给的就是自适应的代码