• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Youtube Api: Titel und Beschreibung auslesen

P

paoloposo

Mitglied
Hallo, ich möchte mit Javascript aus der Youtube Api Titel und Beschreibung eines Videos auslesen, anhand der Video-ID. Wie geht das?

PS: Ja, es muss Javascript sein.
 
Werbung:
Werbung:
Code: 
<script>
    $(document).ready(function(){
        $.getJSON('http://gdata.youtube.com/feeds/api/videos/Yx6-ZBOJYDg?v=2&alt=jsonc', 
        function(data){ 
            console.log(data.data.title);
            console.log(data.data.description);
        });
    });
</script>

Das sollte etwas helfen. Es wird übrigens jQuery verwendet.
 
Diese Lösung ist eigentlich so die einfachste die du finden wirst. Ich erklärs dir aber gerne mal:

Code: 
$(document).ready(function(){ //Unten stehenden Code ausführen sobald DOM geladen ist


	$.getJSON('http://gdata.youtube.com/feeds/api/videos/Yx6-ZBOJYDg?v=2&alt=jsonc', //JSON request auf die URL mit der VideoID Yx6-ZBOJYDg
	function(data){ //callback Funktion falls alles in Ordnung war die requesteten Daten hast du als Parameter (data)
		console.log(data.data.title); //Videotitel in der Konsole ausgeben
		console.log(data.data.description); //Videobeschreibung in der Konsole ausgeben
	});
});

Hier mal ein kleines Beispiel. Ich habe mir nicht sehr viel Mühe gegeben, aber es veranschaulicht eben wie sowas aussehen könnte.
Wenn du es dir genau ansiehst, testest und dir die jQuery Doc nebenher anschaust solltest du das relativ schnell auch verstehen könnten.

Code: 
<html>
	<head>
		<script src="http://code.jquery.com/jquery-1.8.2.min.js" type="text/javascript"></script>	
<script>
	$(document).ready(function(){ 
		$('#btn').click(function(){
			var vid = $('#video-id').val();
			$.getJSON('http://gdata.youtube.com/feeds/api/videos/'+vid+'?v=2&alt=jsonc',function(data){ 
				var vdata = data.data;
				$('#v-title').html(vdata.title);
				$('#v-desc').html(vdata.description);
			})
			.error(function() { 
				$('#v-title').html('Fehler beim parsen des Videos');
				$('#v-desc').html('Fehler beim parsen des Videos');
			});			
		});
	});
</script>
	</head>
	<body>
		Video ID:
		<input type="text" id="video-id" /> 
		<button id="btn">Absenden</button>
		<div>
			Videotitel: <span id="v-title">Kein Video ausgewählt</span>
			<br />
			Videobeschreibung: <span id="v-desc">Kein Video ausgewählt</span>
		</div>
	</body>
</html>
 
Werbung:
Wenn ich das als Skript einfüge, passiert aber nichts, die Konsole bleibt leer. Ich habe mal probehalber noch ein document.write("a"); eingefügt und es ist ebenfalls nichts passiert. Ich kene das nur aus dem Zusammenhang, das in dem Skript ein Fehler ist.
 
Beide Skripte sind getestet und funktionieren. Hast du jQuery eingebunden?
Javascript Fehler werden zudem idR in der Konsole ausgegeben.

Kannst du einen Link zur Seite posten?

~cookie
 
HAbe gerade das zweite Script ausprobiert (vorher nur das erset) und es funktioniert tadellos, danke!

PS: Meine Website ist mein Username!
 
Werbung:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben