如何让网站嵌入的YouTube视频显示多语言翻译标题？

问题说明 #

已为YouTube视频上传6种语言的本地化标题和描述，YouTube官网可根据访客语言自动切换显示对应版本，但嵌入到网站后仅显示英文标题。尝试添加&cc_lang_pref=fr&cc_load_policy=1参数无效，该参数仅针对字幕（视频无字幕内容）。

可行解决方案 #

1. 使用hl参数指定目标语言 #

hl参数用于设置YouTube播放器的界面语言，同时会优先加载视频对应语言的本地化标题和描述（需确保已在YouTube后台完成对应语言的标题/描述上传）。

修改嵌入URL，添加hl参数（以法语为例）：

<iframe width="560" height="315" src="https://www.youtube.com/embed/skwBNabBX_M?hl=fr" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>

替换fr为你需要的语言代码（如es西班牙语、de德语等），播放器将显示对应语言的标题。

2. 根据访客语言自动适配hl参数 #

如果网站支持多语言，可通过JavaScript检测访客的浏览器语言或网站当前语言设置，动态修改iframe的src参数，实现自动适配：

// 获取浏览器偏好语言（提取前两位语言代码）
const userLang = navigator.language.slice(0, 2);
const youtubeIframe = document.querySelector('iframe[src*="youtube.com/embed"]');

if (youtubeIframe) {
  const iframeUrl = new URL(youtubeIframe.src);
  // 设置hl参数为访客语言
  iframeUrl.searchParams.set('hl', userLang);
  youtubeIframe.src = iframeUrl.toString();
  // 可选：同步更新iframe的title属性为对应语言标题
  // youtubeIframe.title = 你的本地化标题内容;
}

3. 自定义页面标题（稳定可控方案） #

若依赖播放器内置标题仍有问题，可在iframe上方添加自定义标题元素，通过网站多语言系统控制标题内容，完全脱离YouTube播放器的限制：

<!-- 根据网站语言动态渲染对应标题 -->
<h3>Montage du meuble - Tutoriel vidéo</h3>
<iframe width="560" height="315" src="https://www.youtube.com/embed/skwBNabBX_M?hl=fr" title="Montage du meuble - Tutoriel vidéo" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>

这种方式能确保用户看到的标题100%匹配网站语言，不受YouTube播放器的参数限制影响。

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