哔哩哔哩的视频播放页面需要支持多种分辨率的视频播放，如 720P、1080P 等。请设计一个前端方案，实现视频分辨率的切换功能。

答题要点

推荐使用分层分析法，从用户交互层、数据处理层和视频播放层进行分析。关键要点：1. 用户交互：在页面上提供分辨率切换的按钮或下拉菜单，方便用户选择。2. 数据处理：当用户选择不同的分辨率时，获取对应分辨率的视频地址。可通过接口请求或本地配置文件获取。3. 视频播放：使用 HTML5 的 `<video>` 标签，根据用户选择的分辨率，动态改变视频的 `src` 属性。4. 兼容性处理：考虑不同浏览器对视频格式和分辨率的支持情况，确保在各种环境下都能正常切换。示例思路：在页面上创建一个下拉菜单，列出可选择的分辨率，当用户选择后，调用 JavaScript 函数，根据选择的分辨率从接口获取对应视频地址，然后更新 `<video>` 标签的 `src` 属性。