cc_load_policy 如何在 youtube iframe Player API 中显示字幕？

Question

我正在尝试使用 youtube API-iframe 播放器的 'cc_load_policy' 参数。而且我无法让它在我的页面上运行。

如您所见，我将 cc_load_policy 指示为 1，以便始终显示字幕，并将 cc_lang 预定义为 'en'（因为我的字幕是英文的).


var player;
function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
        height: '100%',
        width: '100%',
        videoId: /*MY YOUTUBE ID*/,
        playlist: /*MY YOUTUBE ID */,
        playerVars:{
           'autoplay': 1,
           'controls': 0,
           'disablekb': 0,
           'fs':0,
           'modestbranding':0,
           'rel':0,
           'hd':1,
           'autohide': 0,
           'wmode': 'transparent',
           'showinfo': 0,
           'loop' : 1,
           'cc_load_policy' : 1,
           'cc_lang_pref' : 'en',
           'iv_load_policy' : 3
       },
       events: {
          'onReady': onPlayerReady,
          'onStateChange' : onStateChange
       }
    });
}

function onPlayerReady(event) {event.target.playVideo();}
function onStateChange(evt){
   if (evt.data === YT.PlayerState.ENDED) {
       player.playVideo(); 
   }
}

如果 url 一般将代码复制并粘贴到选项卡上，则字幕可以完美运行，但是在 api 自动生成的 iframe 中，它不起作用。

有谁知道我的错误是什么？ Api 对我有错误或未知限制吗？

我已多次阅读文档，但找不到对我的问题的解释。

Answer 1

我注意到您已将 autoplay 值设置为 1，并且在我的测试过程中，如果视频未静音，自动播放似乎不会工作。

我确实使用您的 API 设置创建了这个 working jsfiddle，我不能确定问题是否与您的特定 videoId 有关，但是，有一件事是肯定的：如果您想要自动播放您的视频，我认为您需要将值 mute 设置为 0 以使其正常工作。

此外，如果您检查要在 API 设置中使用的 videoId 是否有字幕 （以及您打算显示的语言）.

我在您的 API 设置中所做的另一项更改是评论 width 和 height 值 - 不过这些值不是问题。

本例中使用的videoId来自视频：

Descubre a S4G Consulting con nuestro #S4GMood

这是代码 - 只是您不会在此处看到使用此代码，因为 Stack Overflow 对播放 YouTube 视频有某些限制...

var tag = document.createElement('script');

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

var player;

function onYouTubeIframeAPIReady() {
  player = new YT.Player('player', {
    /*height: '100%',
    width: '100%',*/
    videoId: 'cpx2C13kAqw',
    playlist: 'cpx2C13kAqw',
    playerVars: {
      'autoplay': 1,
      'mute': 1,
      'controls': 0,
      'disablekb': 0,
      'fs': 0,
      'modestbranding': 0,
      'rel': 0,
      'hd': 1,
      'autohide': 0,
      'wmode': 'transparent',
      'showinfo': 0,
      'loop': 1,
      'cc_load_policy': 1,
      'cc_lang_pref': 'en',
      'iv_load_policy': 3
    },
    events: {
      'onReady': onPlayerReady,
      'onStateChange': onStateChange
    }
  });
}

function onPlayerReady(event) {
  event.target.playVideo();
}

function onStateChange(evt) {
  if (evt.data === YT.PlayerState.ENDED) {
    player.playVideo();
  }
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<div id="player"></div>

cc_load_policy 如何在 youtube iframe Player API 中显示字幕？

How does cc_load_policy work in youtube iframe Player API to show subtitles?

javascript

youtube

youtube-api

youtube-javascript-api