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
Post a Comment