前言

B站默认给的插入代码不好用,这里收集了几个解决方案。

B站链接参数

来源:https://blog.csdn.net/xinshou_caizhu/article/details/94028606
https://player.bilibili.com/player.html?aid=83006718&cid=142003476&page=1&as_wide=1&high_quality=1&danmaku=0

key说明
aid视频ID就是B站的 avxxxx 后面的数字
cid应该是客户端id, clientId 的缩写(推测的, 不一定准确)经过测试, 这个字段不填也没关系
page第几个视频, 起始下标为 1 (默认值也是为1)就是B站视频, 选集里的, 第几个视频
as_wide是否宽屏 1: 宽屏, 0: 小屏
high_quality是否高清 1: 高清, 0: 最低视频质量(默认);如视频有 360p 720p 1080p 三种, 默认或者 high_quality=0 是最低 360p,high_quality=1 是最高1080p
danmaku是否开启弹幕 1: 开启(默认), 0: 关闭

调整清晰度跳转B站

high_quality 参数直接填1,改为1080p。

或者直接通过设置 iframe 的 sandbox 属性去禁止
sandbox=“allow-top-navigation allow-same-origin allow-forms allow-scripts

自动等比缩放

来源:https://www.potatofield.cn/%E3%80%90%E5%89%8D%E7%AB%AF%E7%AC%94%E8%AE%B0%E3%80%91%E4%BD%BF%E7%94%A8iframe%E5%B5%8C%E5%85%A5%E7%AD%89%E6%AF%94%E7%BC%A9%E6%94%BE%E7%9A%84%E5%93%94%E5%93%A9%E5%93%94%E5%93%A9%E8%A7%86%E9%A2%91/
首先,定义一个CSS类,handsome主题用户可以在后台直接设置。

.aspect-ratio {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 75%;
}

.aspect-ratio iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

然后,用一个aspect-ratio类的块内容把iframe包起来——

<div class="aspect-ratio">
    <iframe></iframe>
</div>

分p视频跳转错误

待解决

最后修改:2020 年 01 月 12 日 02 : 16 PM
如果觉得我的文章对你有用,请随意赞赏