制作一个从Youtube中获取信息的JavaScript脚本

时间:2010-06-20 22:21:12

标签: javascript json youtube

所以我继续这个问题YouTube: get youtube title+ image+description like facebook`我得到了这个答案:

  

如果您获得了视频链接http://www.youtube.com/watch?v=NWHfY_lvKIQ,   你可以获得有关的所有信息   视频使用此链接,   http://gdata.youtube.com/feeds/api/videos/NWHfY_lvKIQ。   返回的数据包含所有   有关视频的信息,包括   标题,描述和缩略图。

现在我如何通过脚本获取有关视频的信息?我的意思是,如何做一个显示来自http://gdata.youtube.com/feeds/api/videos/NWHfY_lvKIQ的描述,缩略图和标题的脚本,我是否需要首先下载,然后通过在记事本中打开来取出信息,但那不是我想要的,我想要的它通过脚本显示/回显,描述+缩略图+标题,如果你理解正确,就像你在Facebook中输入链接时所做的那样“你在做什么”。现在我只想向您展示这个视频:http://gdata.youtube.com/feeds/api/videos/NWHfY_lvKIQ,这样我就可以学会做其余的事了

谢谢

2 个答案:

答案 0 :(得分:3)

如果你可以使用jquery,这就是我用来获取标题,描述和网址的方法。如果你不能使用jquery,你可以使用其他一些ajax调用,或者digitalFresh推荐的回调

$.get('http://gdata.youtube.com/feeds/api/videos/NWHfY_lvKIQ?v=2&alt=json', function(data) {
        var title = data.entry.title.$t;
        var description = data.entry.media$group.media$description.$t;
        var thumbnail = data.entry.media$group.media$thumbnail[0].url; // URL of the image

        // Use these variables somewhere
});

答案 1 :(得分:0)

你需要一个回调JSON。如果您只想通过代码获取视频(即NWHfY_lvKIQ) 使用此:

http://gdata.youtube.com/feeds/api/videos?v=2&alt=jsonc&max-results=1&q=NWHfY_lvKIQ&callback=cbk

重要部分:

q = ... - 查询(视频代码)

callback = ... - 加载字符串后要调用的函数。

然后将其放在脚本标记

<script type="text/javascript" src="http://gdata.youtube.com/feeds/api/videos?v=2&alt=jsonc&max-results=1&q=NWHfY_lvKIQ&callback=cbk"></script>

加载后,它会调用函数cbk并传输其数据。