tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
1
ZUGRIFFE
420
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 21.01.12 13:09 #1
    Dustin84 Dustin84 ist offline Mitglied Brokat
    Registriert seit
    Feb 2006
    Beiträge
    381
    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:
    PHP-Code:
    <!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 :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72

    {
 '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'
         }
       }
     }
   ]
 }
}
     
    Zitieren Zitieren
  2. 21.01.12 14:43 #2
    Avatar von rd4eva
    rd4eva rd4eva ist offline Mitglied Brillant
    Registriert seit
    Feb 2003
    Beiträge
    756
    Die entsprechende JSON könnt ihr hier einsehen:
    Wie kommst du darauf?
    Wenn es so aussehen würde würdest du per data.feed.entry nicht viel zurück bekommen.
    Ich wüde ja posten wie es wirklich aussieht aber 6450 Zeilen sind dann doch etwas happig.
    Mach einfach mal ein console.log(data); und schau dir das Objekt in der Konsole an.

    Der Pfad (im eigentlichen) JSON objekt z.B. zur description sieht so aus:
    Code :
    1

    data.feed.entry[entryNum].media$group.media$description.$t;
     
    In order to understand recursion, one must first understand recursion.
    Zitieren Zitieren
« Inhalt eines td-tag rausfinden | JS - Hinweise in Formular bei Falscheingabe »

Ähnliche Themen

  1. jQuery Autocomplete und JSON
    Von RedShot im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 30.01.11, 14:57
  2. JQuery und Ajax (JSON Response)
    Von messmar im Forum Javascript & Ajax
    Antworten: 14
    Letzter Beitrag: 19.08.10, 23:04
  3. [jQuery] + JSON +PHP
    Von mgraf im Forum Javascript & Ajax
    Antworten: 6
    Letzter Beitrag: 18.05.10, 11:01