Hallo,
ich versuche gerade YouTube Playlisten auszulesen und auf meiner Website anzuzeigen.
Das klappt auch aber ich verstehe noch nicht ganz, wie ich die JSON auslesen kann.
Zum auslesen benutze ich $.getJSON (jQuery).
Wie kann ich z.B. die Felder description oder tags auslesen?
Gruß
Dustin
Hier meine HTML Struktur:
Die entsprechende JSON könnt ihr hier einsehen:
ich versuche gerade YouTube Playlisten auszulesen und auf meiner Website anzuzeigen.
Das klappt auch aber ich verstehe noch nicht ganz, wie ich die JSON auslesen kann.
Zum auslesen benutze ich $.getJSON (jQuery).
Wie kann ich z.B. die Felder description oder tags auslesen?
Gruß
Dustin
Hier meine HTML Struktur:
PHP:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Test</title>
<script src="http://code.jquery.com/jquery-1.7.min.js"></script>
<script type="text/javascript">
// http://code.google.com/intl/de-DE/apis/youtube/articles/view_youtube_jsonc_responses.html
var playListURL = 'http://gdata.youtube.com/feeds/api/playlists/B2A4E1367126848D?v=2&alt=json&callback=?';
var videoURL= 'http://www.youtube.com/watch?v=';
$.getJSON(playListURL, function(data) {
var list_data = "";
$.each(data.feed.entry, function(i, item) {
var feedTitle = item.title.$t;
var feedURL = item.link[1].href;
var fragments = feedURL.split("/");
var videoID = fragments[fragments.length - 2];
var url = videoURL + videoID;
var thumb = "http://img.youtube.com/vi/"+ videoID +"/default.jpg";
list_data += '<li><a href="'+ url +'" title="'+ feedTitle +'"><img alt="'+ feedTitle+'" src="'+ thumb +'"</a></li>';
});
$(list_data).appendTo(".cont");
});
</script>
</head>
<body>
<ul class="cont">
</ul>
</body>
</html>
Die entsprechende JSON könnt ihr hier einsehen:
Code:
{
'apiVersion': '2.1',
'data': {
'id': 'B2A4E1367126848D',
'author': 'dbcforgotten',
'title': '2',
'thumbnail': {
'sqDefault': 'http://i.ytimg.com/vi/_IH4mf_rlWc/default.jpg',
'hqDefault': 'http://i.ytimg.com/vi/_IH4mf_rlWc/hqdefault.jpg'
},
'content': {
'5': 'http://www.youtube.com/p/B2A4E1367126848D'
},
'totalItems': 100,
'startIndex': 1,
'itemsPerPage': 1,
'items': [
{
'id': '1so3ar4-DKIpRdZzl1VItAovU1tl1KyR',
'position': 1,
'author': 'dbcforgotten',
'video': {
'id': '_IH4mf_rlWc',
'uploaded': '2011-06-22T20:44:31.000Z',
'updated': '2012-01-21T10:20:42.000Z',
'uploader': 'buch5234',
'category': 'Music',
'title': 'Bat Ventsi Feat.Goodslav, Buch And 100 KILA - Kradi, Kradi',
'description': 'Official Video Link 4 Downloud http://dox.bg/files/dw?a=c91f7f59ae',
'tags': [
'kradi bat ventsi',
'buch',
'100 kila',
'kradi kradi',
'kradi'
],
'thumbnail': {
'sqDefault': 'http://i.ytimg.com/vi/_IH4mf_rlWc/default.jpg',
'hqDefault': 'http://i.ytimg.com/vi/_IH4mf_rlWc/hqdefault.jpg'
},
'player': {
'default': 'http://www.youtube.com/watch?v=_IH4mf_rlWc&feature=youtube_gdata_player',
'mobile': 'http://m.youtube.com/details?v=_IH4mf_rlWc'
},
'content': {
'5': 'http://www.youtube.com/v/_IH4mf_rlWc?version=3&f=playlists&app=youtube_gdata',
'1': 'rtsp://v7.cache1.c.youtube.com/CiULENy73wIaHAlnlev_mfiB_BMYDSANFEgGUglwbGF5bGlzdHMM/0/0/0/video.3gp',
'6': 'rtsp://v6.cache5.c.youtube.com/CiULENy73wIaHAlnlev_mfiB_BMYESARFEgGUglwbGF5bGlzdHMM/0/0/0/video.3gp'
},
'duration': 200,
'aspectRatio': 'widescreen',
'rating': 4.9239116,
'likeCount': '8406',
'ratingCount': 8569,
'viewCount': 1056148,
'favoriteCount': 5363,
'commentCount': 1517,
'accessControl': {
'comment': 'allowed',
'commentVote': 'allowed',
'videoRespond': 'moderated',
'rate': 'allowed',
'embed': 'allowed',
'list': 'allowed',
'autoPlay': 'allowed',
'syndicate': 'allowed'
}
}
}
]
}
}