Question

当我调用youtube getAvailableQualityLevels()函数时，我得到一个空数组，但为什么呢？该视频有许多质量等级，如360p 480p ... 720p

YT API文档 https://developers.google.com/youtube/js_api_reference#GettingReference

CODE：

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js" type="text/javascript"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
<script type="text/javascript" language="javascript">
      var params = { allowScriptAccess: "always" };
      var atts = { id: "youtube_player" };
      swfobject.embedSWF('http://www.youtube.com/v/ZGx2WUbhnyM?enablejsapi=1&playerapiid=ytplayer&version=3',
                         'youtube',
                         '425',
                         '356',
                         '8',
                         null,
                         null,
                         params,
                         atts);

</script>
<script type="text/javascript" language="javascript">
function onYouTubePlayerReady()
{
    console.log('# onYouTubePlayerReady');
    var ytp = document.getElementById("youtube_player");
    var getQuali = ytp.getAvailableQualityLevels();
    console.log(getQuali);
};
</script>
</head>

<body>       
  <div id="youtube"></div>
</body>
</html>

Answer 1

如果状态为playing（或1），这将有效。

在onStateChange函数中添加onYouTubePlayerReady个事件的监听器：

ytp.addEventListener('onStateChange', 'onPlayerStateChange');

并添加onPlayerStateChange函数，例如：

function onPlayerStateChange(event)
{
   var getQuali = ytp.getAvailableQualityLevels();
}

根据您的代码查看工作示例：http://jsbin.com/eyexah/6/edit

Answer 2

您可以在状态“正在播放”时检索检查onPlayerStateChange（事件）

Youtube API - getAvailableQualityLevels返回一个空数组

2 个答案: