javascript - youtube api v3 thumbnails not showing in IE 8 and 9 -


i'm working on project showing list of thumbnails of music videos using youtube api v3. works fine ie 10+ not work ie 8 or 9. thinking maybe jquery version(1.9.1) might not supported according jquery's site version 1+ can support ie6+.
https://jquery.com/browser-support/

right stumped because can't find errors or , unsure how proceed.

i speculating if has using iframe since i'm not embedding video , thumbnail figured shouldn't need use youtube iframe api.

here relevant code snippets:

<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); 

i think missing braces etc. try this:

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

Comments

Popular posts from this blog

python - TypeError: start must be a integer -

c# - DevExpress RepositoryItemComboBox BackColor property ignored -

django - Creating multiple model instances in DRF3 -