如何在Chrome浏览器中用JavaScript修改YouTube视频播放画质？

你提到的YouTube页面源码中的画质列表：

ytl.qualityLevels = ["highres", "hd2880", "hd2160", "hd1440", "hd1080", "hd720", "large", "medium", "small", "tiny"];

要通过JavaScript手动切换到hd720画质，可在浏览器开发者工具的控制台执行以下操作：

1. 获取视频播放器实例
   YouTube页面的播放器对象命名可能存在差异，尝试以下两种方式获取核心播放器：

   // 方式1：直接抓取页面中的video元素
   const player = document.querySelector('video');
   // 方式2：获取官方播放器实例（部分页面适用）
   const player = window.ytplayer?.player;
   

2. 设置目标画质
   确认播放器实例存在后，调用对应的画质设置方法：

   if (player) {
     // 优先用setPlaybackQuality直接指定画质
     if (player.setPlaybackQuality) {
       player.setPlaybackQuality('hd720');
     }
     // 若前者不可用，用setPlaybackQualityRange限定画质范围
     else if (player.setPlaybackQualityRange) {
       player.setPlaybackQualityRange('hd720', 'hd720');
     }
   }
   

3. 利用ytl对象操作（若页面存在该对象）
   结合你发现的ytl对象，可尝试直接调用画质切换方法（需确认方法存在）：

   if (window.ytl && ytl.qualityLevels.includes('hd720')) {
     // 假设存在setQuality切换方法（方法名可能因页面版本调整）
     ytl.setQuality('hd720');
   }
   

注意：不同YouTube页面版本的播放器方法、对象命名可能有差异，若代码无效，可在控制台输入player.getAvailableQualityLevels()查看当前可用画质列表，确认hd720存在后再调整操作逻辑。

内容的提问来源于stack exchange，提问作者Mr Chan