Javascript youtube api v3缩略图未在IE 8和9中显示

我正在做一个项目，我正在使用youtube api v3显示音乐视频的缩略图列表。它在IE10+上运行得非常好，但在IE8或9上不起作用。我在想也许我的jQuery版本（1.9.1）可能不受支持，但根据jQuery的网站，版本1+可以支持IE6+。

现在我被难住了，因为我找不到任何错误或任何东西，我不知道如何继续

我还推测它是否与使用iframe有关，但由于我没有嵌入视频和缩略图，我想我不应该使用Youtube iframe API

以下是相关的代码片段：

<script src="https://apis.google.com/js/client.js"></script>
$.get(
  "https://www.googleapis.com/youtube/v3/search?key=AIzaSyAHnfotDO49DlVtdRzZeZR0KoVo4DWZHNY",
  {
  part: 'snippet',
  q: query,
  maxResults: 8,
  type: 'video',
  },
  function(data){
     var output;
     var viewCount;

     $.each(data.items, function(i, item){
     //console.log(item);
     var videoId = item.id.videoId;
     var vidThumb = item.snippet.thumbnails.medium.url;
     //var vidURL = 'http://www.youtube.com/watch/?v=' + videoId;
     var videoTitle = item.snippet.title;


     $.get(
         "https://www.googleapis.com/youtube/v3/videos?key=AIzaSyAHnfotDO49DlVtdRzZeZR0KoVo4DWZHNY",
         {
         part: 'statistics',
         id: videoId
         },
         function(data){

             $.each(data.items, function(i, item){
                 viewCount = '<p>Views: ' + item.statistics.viewCount + '</p>';

             });

         }
     );  
  output = '<li><iframe id="thumb" src="'+vidThumb+'" scrolling="no"></iframe><div class="info"><h3>' + videoTitle+ '</h3>' + viewCount + newLength + '<button type="button" class="cta" onclick="dlBundle(\'' + videoId + '\')"></button>' +'</div></li>';   

                  $('#searchResults').append(output);

美元(
"https://www.googleapis.com/youtube/v3/search?key=AIzaSyAHnfotDO49DlVtdRzZeZR0KoVo4DWZHNY",
{
部分：'代码片段'，
问:质疑,，
最大结果：8，
键入：“视频”，
},
功能（数据）{
var输出；
var视图计数；
$.each（data.items，function（i，item）{
//控制台日志（项目）；
var videoId=item.id.videoId；
var vidThumb=item.snippet.thumbnails.medium.url；
//var vidURL='1〕http://www.youtube.com/watch/?v=“+videoId；
var videoTitle=item.snippet.title；
美元(
"https://www.googleapis.com/youtube/v3/videos?key=AIzaSyAHnfotDO49DlVtdRzZeZR0KoVo4DWZHNY",
{
第:"统计数字",，
id:videoId
},
功能（数据）{
$.each（data.items，function（i，item）{
viewCount='视图：'+item.statistics.viewCount+'
'；
});
}
);  
输出=“
”+videoTitle+“”+viewCount+newLength+“”+”
”；
$（“#搜索结果”）。追加（输出）；

我认为您缺少一些大括号等。请尝试以下方法：

$.get(
            "https://www.googleapis.com/youtube/v3/search?key=AIzaSyAHnfotDO49DlVtdRzZeZR0KoVo4DWZHNY",
            {
                  part: 'snippet',
                  q: query,
                  maxResults: 8,
                  type: 'video'
            },
            function(data)
            {
                var output;
                var viewCount;

                $.each(data.items, function(i, item)
                {
                     //console.log(item);
                     var videoId = item.id.videoId;
                     var vidThumb = item.snippet.thumbnails.medium.url;
                     //var vidURL = 'http://www.youtube.com/watch/?v=' + videoId;
                     var videoTitle = item.snippet.title;

                     $.get(
                            "https://www.googleapis.com/youtube/v3/videos?key=AIzaSyAHnfotDO49DlVtdRzZeZR0KoVo4DWZHNY",
                            {
                                 part: 'statistics',
                                 id: videoId
                            },
                            function(data)
                            {
                                $.each(data.items, function(i, item)
                                    {
                                        viewCount = '<p>Views: ' + item.statistics.viewCount + '</p>';
                                    });
                            }
                        );  

        output = '<li><iframe id="thumb" src="' + vidThumb + '" scrolling="no"></iframe><div class="info"><h3>' + videoTitle+ '</h3>' 
                            + viewCount + newLength + '<button type="button" class="cta" onclick="dlBundle(\'' + videoId + '\')"></button>' +'</div></li>';   

                    $('#searchResults').append(output);
                });
            }

        );

$。获取(
"https://www.googleapis.com/youtube/v3/search?key=AIzaSyAHnfotDO49DlVtdRzZeZR0KoVo4DWZHNY",
{
部分：'代码片段'，
问:质疑,，
最大结果：8，
键入：“视频”
},
功能（数据）
{
var输出；
var视图计数；
$.each（data.items，function（i，item）
{
//控制台日志（项目）；
var videoId=item.id.videoId；
var vidThumb=item.snippet.thumbnails.medium.url；
//var vidURL='1〕http://www.youtube.com/watch/?v=“+videoId；
var videoTitle=item.snippet.title；
美元(
"https://www.googleapis.com/youtube/v3/videos?key=AIzaSyAHnfotDO49DlVtdRzZeZR0KoVo4DWZHNY",
{
第:"统计数字",，
id:videoId
},
功能（数据）
{
$.each（data.items，function（i，item）
{
viewCount='视图：'+item.statistics.viewCount+'
'；
});
}
);  
输出=“
”+视频标题+”
+viewCount+newLength+“”+”
”；
$（“#搜索结果”）。追加（输出）；
});
}
);

我认为您缺少一些大括号等。请尝试以下方法：

$.get(
            "https://www.googleapis.com/youtube/v3/search?key=AIzaSyAHnfotDO49DlVtdRzZeZR0KoVo4DWZHNY",
            {
                  part: 'snippet',
                  q: query,
                  maxResults: 8,
                  type: 'video'
            },
            function(data)
            {
                var output;
                var viewCount;

                $.each(data.items, function(i, item)
                {
                     //console.log(item);
                     var videoId = item.id.videoId;
                     var vidThumb = item.snippet.thumbnails.medium.url;
                     //var vidURL = 'http://www.youtube.com/watch/?v=' + videoId;
                     var videoTitle = item.snippet.title;

                     $.get(
                            "https://www.googleapis.com/youtube/v3/videos?key=AIzaSyAHnfotDO49DlVtdRzZeZR0KoVo4DWZHNY",
                            {
                                 part: 'statistics',
                                 id: videoId
                            },
                            function(data)
                            {
                                $.each(data.items, function(i, item)
                                    {
                                        viewCount = '<p>Views: ' + item.statistics.viewCount + '</p>';
                                    });
                            }
                        );  

        output = '<li><iframe id="thumb" src="' + vidThumb + '" scrolling="no"></iframe><div class="info"><h3>' + videoTitle+ '</h3>' 
                            + viewCount + newLength + '<button type="button" class="cta" onclick="dlBundle(\'' + videoId + '\')"></button>' +'</div></li>';   

                    $('#searchResults').append(output);
                });
            }

        );

$。获取(
"https://www.googleapis.com/youtube/v3/search?key=AIzaSyAHnfotDO49DlVtdRzZeZR0KoVo4DWZHNY",
{
部分：'代码片段'，
问:质疑,，
最大结果：8，
键入：“视频”
},
功能（数据）
{
var输出；
var视图计数；
$.each（data.items，function（i，item）
{
//控制台日志（项目）；
var videoId=item.id.videoId；
var vidThumb=item.snippet.thumbnails.medium.url；
//var vidURL='1〕http://www.youtube.com/watch/?v=“+videoId；
var videoTitle=item.snippet.title；
美元(
"https://www.googleapis.com/youtube/v3/videos?key=AIzaSyAHnfotDO49DlVtdRzZeZR0KoVo4DWZHNY",
{
第:"统计数字",，
id:videoId
},
功能（数据）
{
$.each（data.items，function（i，item）
{
viewCount='视图：'+item.statistics.viewCount+'
'；
});
}
);  
输出=“
”+视频标题+”
+viewCount+newLength+“”+”
”；
$（“#搜索结果”）。追加（输出）；
});
}
);

我没有发布全部内容，只是选择了相关的部分。如果有任何帮助，我将不胜感激。请尝试使用以下缩略图：item.snippet.thumbnails.default.url，@IanS尝试了一下，但没有效果。我注意到id为#searchResults的div没有附加缩略图。所以我认为jquery可能没有触发或其他。我认为这在较旧的浏览器上失败，因为它们不太能原谅语法错误。javascript缺少几个大括号。请参见下面的我的回答。我没有发布全部内容，只选择了相关部分。如果有任何帮助，将不胜感激。请尝试以下缩略图：item.snippet.thumbnails.default.url，@IanS尝试了一下，但没有成功。我注意到id为#searchResults的div没有附加thum