效果展示
让我们看看最后效果
实现代码
下面是它的代码
<div style="position: relative; padding: 30% 45%;">
<iframe src="//player.bilibili.com/player.html?aid=95125669&bvid=BV1VE411M7d5&page=1&high_quality=1 scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="border-radius: 10px; position: absolute; width: 100%; height: 100%; left: 0; top: 0;" sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts"></iframe>
</div>- sandbox 启用一系列对 <iframe> 中内容的额外限制
- framespacing 是框架元素与它周边元素的空格个数 (没什么作用)
- frameborder 规定是否显示框架周围的边框
- width,height 宽度高度设置
- scrolling 规定是否在 iframe 中显示滚动条
AV BV号获取
这里安利一个油泼插件 (没有打广告
用它就可以很方便的获取，并且下载视频。
这里再说明一下，b站对视频清晰度进行了限制，所以只能选最低的清晰度 🙁
隐藏资源
看看··············
keyget
test1
test