我有一个网页,可以提取 channel 的上传供稿并显示它们。一切在 Chrome 中都可以正常工作,但是正如我所说,在FireFox中,它的运行速度要慢得多甚至崩溃。
我什至不知道从哪里开始发现问题所在,该站点已经上线了,您可以在这里http://lartmagazine.co.uk/lart-tv/进行检查。
要显示我正在使用的主要大型视频:
var gdata = 'http://gdata.youtube.com/feeds/api/users/LARTMagazine/uploads?alt=json&videoid?v=2&callback=?';
$.getJSON(gdata, function(data) {
var id = data.feed.entry[0].id.$t.split('/').reverse()[0];
var htmlString = '<iframe src="http://www.youtube.com/embed/' + id + '?wmode=transparent&version=3&vq=hd1080&showinfo=0&modestbranding=1&autohide=1" frameborder="0" allowfullscreen></iframe>';
$('#loader').hide();
$('#yTMain').append(htmlString);
});//end load iframe
然后我用它来拉缩略图:
var ytapiurl = 'http://gdata.youtube.com/feeds/api/users/LARTMagazine/uploads?alt=json&max-results=12&callback=?';
$.getJSON(ytapiurl, function(data) {
var list_data="";
$.each(data.feed.entry, function(i, item) {
var title = item['title']['$t'];
var thumbimg = item['media$group']['media$thumbnail'][0]['url'];
var ytlink = item['media$group']['media$player'][0]['url'];
list_data += '<div class="ytblock"><div class="videothumb"><a href="'+ ytlink +'"target="_blank">';
list_data += '<img src="'+thumbimg+'" /></div><div class="yttitle"><h2>'+ title + '</h2></div></a></div>';
});//end gdata
我的数据请求是否由于某些原因而在FireFox中出现问题?除此之外,我不知道。
如果您需要更多信息,请询问。
最佳答案
尝试添加选项“html5 = 1”-我使用的是iframe,但是YouTube API用iframe替换了div,因此应该相同。
src="//www.youtube.com/embed/VIDEOID?autoplay=1&html5=1&enablejsapi=1
关于javascript - YouTube Feed API在FireFox中加载缓慢,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20723410/