如何获取youtobe中的视频的缩略图等相关信息（调用API返回）？

最新推荐文章于 2024-04-11 10:39:48 发布

神灵舞师

最新推荐文章于 2024-04-11 10:39:48 发布

阅读量2.8k

点赞数

分类专栏： Jquery php

本文链接：https://blog.csdn.net/tiangsu_php/article/details/8113820

版权

Jquery 同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

php

8 篇文章 0 订阅

订阅专栏

http://gdata.youtube.com/feeds/api/videos/5EjG-1U3wqA?v=2&alt=jsonc&callback=youtubeFeedCallback

http://gdata.youtube.com/feeds/api/videos/gzDS-Kfd5XQ?v=2&alt=json-in-script&callback=youtubeFeedCallback&prettyprint=true

查看此两个连接：

5EjG-1U3wqA代表的是视频的ID

alt=jsonc或alt=json-in-script指的系返回的方式，这里有两种方式，至于还有没有其它的方式还不清楚。

callback=youtubeFeedCallback就是回调函数了，这个东西可以自己写一下来输出自己想要得到的效果

比如：

function youtubeFeedCallback(json){
					document.write(\'<img src="\' + json["data"]["thumbnail"]["hqDefault"] + \'" height="88">\');
				}

（这里是alt=jsonc方式的，里面的值可以直接访问上面给出的两个连接来查看相关信息，当然加上参数prettyprint=true可读性就更强些）

或者

<script type="text/javascript">
  function youtubeFeedCallback(data) {
    var s = '';
    s += '<img src="' + data.entry.media$group.media$thumbnail[0].url + '" width="' + data.entry.media$group.media$thumbnail[0].width + '" height="' + data.entry.media$group.media$thumbnail[0].height + '" alt="' + data.entry.media$group.media$thumbnail[0].yt$name + '" align="right"/>';
    document.write(s);
  }
</script>

（这里是alt=json-in-script方式）

接下来在你要使用缩略图的地方加上下面的代码就可以了：

<script type="text/javascript" src="http://gdata.youtube.com/feeds/api/videos/5EjG-1U3wqA?v=2&alt=jsonc&callback=youtubeFeedCallback"></script>

或者

<script type="text/javascript" src="http://gdata.youtube.com/feeds/api/videos/gzDS-Kfd5XQ?v=2&alt=json-in-script&callback=youtubeFeedCallback"></script>