将JS回调合并到HTML <img/>标记中

时间:2014-07-30 16:33:32

标签: javascript php html youtube youtube-api

我正在制作一个小应用程序,并希望整合YouTube部分。我有一种获取用户YouTube图标的方法:

这在头脑中:

<script type="text/javascript" src="http://gdata.youtube.com/feeds/api/users/communitychannel?fields=yt:username,media:thumbnail&alt=json-in-script&format=5&callback=showImage"></script>

这是剧本:

<script>
function showImage(data)
{
  var name= data.entry.yt$username.$t;
  var url = data.entry.media$thumbnail.url;
  $(document).append("<img src='"+ url +"'/>");
}
</script>

我是JS的新手,有人可以告诉我如何使用它将上面脚本给出的URL集成到HTML标记中吗?感谢。

1 个答案:

答案 0 :(得分:0)

你好youtube返回的$ thumbnail是一个数组,你需要访问位置0.选择body来添加它。

var url = data.entry.media$thumbnail[0].url;
$('body').append("<img src='"+ url +"'/>");
相关问题