实现网页中嵌入B站视频播放器：解决high_quality=1 失效的问题

问题背景

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

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

---

原文免费查看：https://blog.ybyq.wang/archives/591.html

问题分析

默认的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]
存在的问题：

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

解决方案

改进后的高清解析播放器

[hide]

<iframe src="https://jx.playerjy.com/?url=https://www.bilibili.com/video/BV1mGEtzXEU6"frameborder="no" scrolling="no"allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"allowfullscreen="true">
</iframe>

[/hide]
![][2]
优势：

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

总结

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

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

[1]: https://img-home.csdnimg.cn/images/20230724024159.png?origin_url=https%3A%2F%2Fstatic.blog.ybyq.wang%2Fusr%2Fuploads%2F2025%2F06%2F13%2F2025-06-13T12%3A13%3A43.png%3Fx-oss-process%3Dstyle%2Fshuiyin&pos_id=img-SEvpbGqy-1749819388586)
[2]: https://img-home.csdnimg.cn/images/20230724024159.png?origin_url=https%3A%2F%2Fstatic.blog.ybyq.wang%2Fusr%2Fuploads%2F2025%2F06%2F13%2F2025-06-13T12%3A41%3A55.png%3Fx-oss-process%3Dstyle%2Fshuiyin&pos_id=img-oS4mrqhu-1749819400890)