javascript - YouTube Feed API在FireFox中加载缓慢

标签 javascript firefox youtube

我有一个网页,可以提取 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/

相关文章:

php - 从url获得一些值(value)?

ruby-on-rails - 通过youtube_it gem 查询YouTube上的可嵌入视频

javascript - 无论如何要等待打印窗口在 print.js 中关闭

javascript - 如何添加到列表内的 onclick 函数,即<li onclick =""><button onclick =""></button></li>

javascript - 如何可靠地检查 Javascript 字符串是否为数字

c# - 如何在母版页的内容页中设置默认焦点

css - 在 Wordpress 上修改 Youtube 订阅按钮

css动画在不同浏览器上不流畅

html - Firefox 和 Internet Explorer mp4 播放问题

firefox - Webdriver:在 Firefox 中单击 "Share Location"按钮