youtube api v3缩略图在IE 8和9中没有显示

我正在使用youtube api v3显示音乐视频缩略图列表的项目。它适用于IE 10+，但它不适用于IE 8或9.我想也许这可能是我的jQuery版本（1.9.1）可能不被支持，但根据jQuery的网站版本1+可以支持IE6 + 。
https://jquery.com/browser-support/youtube api v3缩略图在IE 8和9中没有显示

现在我很为难，因为我无法找到任何错误或任何东西，我不能确定如何进行。

我还在猜测它是否与使用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);

来源

2015-06-02 dannypaguiao

我没有张贴了整个事情，只有千挑万选的相关部分。任何帮助，将不胜感激。 – dannypaguiao

试试这个缩略图：item.snippet.thumbnails.default.url， – IanS

@IanS试过，并没有奏效。我注意到ID为#searchResults的div没有附加缩略图。所以我想可能jquery没有解雇或什么的。 – dannypaguiao

我认为你缺少一些支撑等试试这个：

$.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); 
       }); 
      } 

     );

来源

2015-06-04 11:15:49 IanS

youtube api v3缩略图在IE 8和9中没有显示

回答

相关问题