AI摘要

文章讨论了在网站中嵌入B站视频播放器时遇到的画质限制问题，并提供了一个解决方案。通过使用视频解析接口，可以突破画质限制，无需登录B站账号，甚至可以观看部分需要大会员的视频。作者希望这个解决方案能对读者有所帮助，并鼓励在评论区交流问题。

此内容根据文章生成，仅用于文章内容的解释与总结

问题背景

在前端开发中，我们可能需要嵌入B站视频。使用B站官方播放器时，遇到了以下问题：

  1. 默认画质被限制在360p
  2. 高清画质需要登录B站账号
  3. 部分视频需要大会员才能观看高清版本

问题分析

默认的B站原生播放器

<iframe src="//player.bilibili.com/player.html?bvid=BV1mGEtzXEU6&page=1&high_quality=1&quality=720&danmaku=0"
    frameborder="no" scrolling="no"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
    allowfullscreen="true">
</iframe>


存在的问题：

  1. 画质限制：即使设置了high_quality=1和quality=720，实际播放时仍被限制在360p，这两个方法在22年就失效了
  2. 登录要求：高清画质需要用户登录B站账号
  3. 会员限制：部分视频的高清版本需要大会员权限

解决方案

改进后的高清解析播放器

此处内容需要评论回复后（审核通过）方可阅读。


优势：

  1. 画质提升：可以直接获取视频源默认画质，1080p同样生效
  2. 无需登录：用户无需登录B站账号
  3. 突破限制：可以观看部分需要大会员的视频

总结

通过使用视频解析接口，成功解决了B站视频播放器的画质限制问题。

希望这个解决方案对你有所帮助，有问题请在评论区交流。

© 允许规范转载
如果觉得我的文章对你有用，请随意赞赏
END
本文作者：
 文章标题：前端开发中嵌入B站视频播放器：解决high_quality=1 失效的问题
 本文地址：https://blog.ybyq.wang/archives/591.html
 版权说明：若无注明，本文皆Xuan's blog原创，转载请保留文章出处。