如何隐藏YouTube播放器控制栏 playerVars的controls=0不生效该怎么修复

问题原因 #

你当前的代码存在两处逻辑错误，导致controls: 0参数没有被正确传递给YouTube播放器API：

1. 错误将整个配置对象settings当作播放器参数赋值给playerVars，没有取settings下的playerVars属性，导致controls配置没有落在API要求的正确层级
2. 已经通过combinePlayerOptions合并完完整的播放器配置后，又额外重写了playerOptions.playerVars，直接覆盖了正确的合并结果，YouTube API读取不到controls: 0配置，就会默认显示控制栏

修复方案 #

你可以任选以下一种方案修改：

方案1（推荐）：删除冗余的合并逻辑

参考功能正常的combinePlayerOptions示例代码，直接使用合并后的配置即可，删除多余的playerVars重写步骤：

const defaultOptions = defaults.playerOptions;
const playerOptions = combinePlayerOptions(defaultOptions, settings);
const player = new YT.Player(video, playerOptions);
players.push(player);
return player;

方案2：修正手动合并的参数路径

如果你需要保留手动合并playerVars的逻辑，修正参数取值路径即可：

const defaultOptions = defaults.playerOptions;
const defaultVars = defaultOptions.playerVars ?? {};
// 正确读取自定义配置中的playerVars
const customVars = settings.playerVars ?? {};
const playerOptions = {...defaultOptions};
// 合并默认参数和自定义参数
playerOptions.playerVars = Object.assign({}, defaultVars, customVars);
const player = new YT.Player(video, playerOptions);
players.push(player);
return player;

修改后传入controls: 0即可正常隐藏YouTube播放器控制栏。

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