嵌入YouTube实时提要

我正在尝试使用 YouTube API v2.0 提取最新的 YouTube 直播活动提要 - 检索直播活动但我的脚本似乎不起作用。这是我的代码。

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    </head>
    <body>
     <div id="static_video"></div>
      <script> 
          $(document).ready(function() {
          $(function () {   
              $.getJSON( "https://gdata.youtube.com/feeds/api/users/ElektraRecords/live/events?v=2&inline=true&alt=json-in-script&status=pending&orderby=published$callback=?",
            function (data) {   
                $.each(data.feed.content.entry, function(i,entry) { 
                    var videoid = 'http://www.youtube.com/embed/' + entry.yt$videoid.$t;
                    var title = '<h1>' + entry.media$title.$t + '</h1>';
                var video = +title+ "<iframe width='420' height='315' src='"+videoid+ "' frameborder='0' allowfullscreen></iframe>";
                $('#static_video').html(video);
                    });
                });
            });
        });
      </script>
    </body>
</html>

您缺少依赖项脚本。显然，您需要在文档的标题中包含 API 的 gdata 部分。查看浏览器的调试器和我放在 JSFiddle 上的脚本： http://jsfiddle.net/2NDrC/- 您可能希望嵌入的 API 在这里： https://code.google.com/p/google-api-javascript-client/

如果你看看你用javascript检索的URL做了什么，你会发现它是对gdata api中方法的方法调用：

网址： https://gdata.youtube.com/feeds/api/users/ElektraRecords/live/events?v=2&inline=true&alt=json-in-script&status=pending&orderby=published$callback=?

gdata.io.handleScriptLoaded({"version":"1.0","encoding":"UTF-8","feed":{"xmlns$app":"http://www.w3...

并作为JavaScript执行。因此，必须提供一个名为 gdata.io.handleScriptLoaded 的方法才能成功执行。

解释如何伪造 gdata.io.handledScriptLoaded 方法以仅提取数据的解决方法如下所示：https://groups.google.com/forum/?fromgroups=#!topic/jquery-en/83Kpr9oSxFM

相关内容

最新更新

热门标签：