Youtube:强制自动生成字幕的参数

che*_*der 4 youtube iframe youtube-api youtube-iframe-api

如果我的视频有英文字幕,我可以使用如下代码强制显示它们:

hl=en&cc_lang_pref=en&cc_load_policy=1
Run Code Online (Sandbox Code Playgroud)

所以完整的代码是:

<iframe 
    width="560" height="315"
    src="https://www.youtube.com/embed/3I3Rjw_4Ucw?hl=en&cc_lang_pref=en&cc_load_policy=1"
    frameborder="0" gesture="media"
    allow="encrypted-media" allowfullscreen>
</iframe>
Run Code Online (Sandbox Code Playgroud)

但是,如果视频没有字幕,它似乎不起作用。在这种情况下,我想强制显示 Youtube 自动生成的字幕。是否可以?

小智 7

没有官方或有记录的方法可以强制在嵌入视频中自动生成字幕。然而,有一个使用 setOption 方法的解决方案现在可以工作,但不能保证它将来也能工作,因为这是该方法的无记录调用:

<iframe id="existing-iframe"
        width="640" height="360"
        src="https://www.youtube.com/embed/q2C0EO0zzAY?enablejsapi=1&cc_load_policy=1"
        frameborder="0"
        style="border: solid 4px #37474F"
></iframe>

<script type="text/javascript">
  var tag = document.createElement('script');
  tag.src = 'https://www.youtube.com/iframe_api';
  var firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

  let player

  const onApiChange = _ => {   
    if (typeof player.setOption === 'function') {
      player.setOption('captions', 'track', {languageCode: 'en'}) // undocumented call
    }  
  }

  function onYouTubeIframeAPIReady() {
    player = new YT.Player('existing-iframe', {events: {onApiChange}})
  }
</script>
Run Code Online (Sandbox Code Playgroud)

请参阅此 jsFiddle中的代码。

在使用 setOption 函数之前,您必须等待 onApiChange 事件。(请参阅: https: //developers.google.com/youtube/iframe_api_reference#Events)根据文档,仅支持“fontSize”和“reload”参数。然而,更改字幕轨道也有效,并且它会打开字幕作为副作用。我只尝试了“en”语言代码,当然,如果有可用的英语字幕轨道,这将更改为正常的英语字幕轨道,但在没有预定义轨道的情况下将显示自动生成的英语字幕。

(您还可以使用 getOption 方法查询活动字幕轨道,但如果使用自动生成的字幕,它将不会返回任何内容。)