Erhalten Vimeo Miniaturansicht für das video verwenden von jQuery

Ich gefunden habe, die ähnliche Fragen aber keine Antworten zeigen klar und einfach, wie man ein thumbnail für ein vimeo-video mit jQuery und JSON. Wenn jemand helfen kann wäre das Klasse, hier ist was ich habe, aber es zeigt nichts im moment.

var vimeoVideoID = '17631561';
var videoCallback = 'showThumb';

$.getJSON('http://www.vimeo.com/api/v2/video/' + vimeoVideoID + '.json?callback=' + videoCallback,

function(data){
$(".thumbs").attr('src',data[0].thumbnail_large);
});

Vielen Dank im Voraus.

Ich bin damit einverstanden, jQuery ist wirklich das beste,, es löst alle Arten von browser-Probleme und ist auch noch gut.
Ich bin nicht der einzige, dann :), Abstimmung der Frage, wenn Sie können, da es helfen könnte eine Antwort zu bekommen.

InformationsquelleAutor Lee Tindell | 2011-01-17

  1. 32

    Ich glaube, du bist mit der "same-origin-policy" Problem. Sie sollten prüfen, schreiben eine server-side-Skript mit so etwas wie "file_get_contents" oder "fopen", die es ermöglicht, Sie zu greifen, die Daten von vimeo, übersetzen zu json und Ausgabe in javascript mit einem netten ajax-call.

    Wenn Sie möchten, um zu vermeiden, mit einem server-side-Skript verwenden, können Sie den Datentyp JSONP.

    var vimeoVideoID = '17631561';

$.getJSON('https://www.vimeo.com/api/v2/video/' + vimeoVideoID + '.json?callback=?', {format: "json"}, function(data) {
         $(".thumbs").attr('src', data[0].thumbnail_large);
});

    Beachten Sie die URL ein bisschen anders aus, wie Sie es verwenden. Der Rückruf, die Sie definiert als eine var ist unnötig. Sie befestigen die getJSON, um eine Funktion direkt, so dass Sie rufen die 'callback' in der url mit '?'. Diese informiert die getJSON-Funktion übergeben werden, die erfolgreiche Rückgabe von Daten an das mitgelieferte Funktion.

    Können Sie testen, mein code hier. Hoffe, es hilft!

    Ich würde nicht wirklich wissen, wie das geht und es scheint übertrieben und unnötig. Es sollte nur ein einfaches json-Anfrage für das Bild, das ich denke, sondern vielleicht Ihrem Recht vielen Dank für die info sowieso.
    Wenn Sie nicht möchten, verwenden Sie ein server-seitiges script, vielleicht mit JSONP über JSON. en.wikipedia.org/wiki/JSON#JSONP vimeo.com/api/docs/response-formats#jsonp Es umgeht die Notwendigkeit für eine server-seitige Skript, und aktivieren Sie tun, was Sie möchten. Gibt es Nachteile, weshalb ich die Verlinkung auf die wikipedia-Seite zu beschreiben. Hoffe, das hilft!
    Ok, das klingt gut, wie würde ich den code ändern, der in der Frage zum arbeiten mit JSONP.
    Ich aktualisiert meine Antwort zu reflektieren, wie würden Sie Ihr Skript mit JSONP, so dass mark es als beantwortet.
    Ich habe ein kleines problem mit mit mehreren anderen vimeo-videos auf einer einzigen Seite zu sehen jsfiddle.net/3wFUC können Sie mir helfen? und nochmals vielen Dank für die Antwort, tut mir Leid, ein Schmerz in den Arsch.

    InformationsquelleAutor Lance

  2. -1

    Bitte auf dieser Seite; Vimeo hat eine neue Methode nennen oEmbed wie Vimeo ist nun drängen die neuen oEmbed-Technologie.

    Der oben genannten Methode, nicht im IE (keine thumbs angezeigt werden).

    InformationsquelleAutor Stefan Bracke

Schreibe einen Kommentar