Bekommen Sie Miniaturansichten von Vimeo?

Question

Ich möchte ein Vorschaubild für Videos von Vimeo erhalten.

Wenn ich Bilder von Youtube bekomme, mache ich einfach folgendes:

http://img.youtube.com/vi/HwP5NG-3e8I/2.jpg

Irgendwelche Ideen, wie man das für Vimeo macht?

Hier ist dieselbe Frage, ohne Antwort.

Answer 1

Vom Vimeo Simple API-Dokumentation:

Eine Videoanfrage erstellen

Um Daten über ein bestimmtes Video zu erhalten, verwenden Sie die folgende URL:

http://vimeo.com/api/v2/video/video_id.output

video_id Die ID des Videos, für das Sie Informationen wünschen.

output Geben Sie den Ausgabetyp an. Wir bieten derzeit JSON, PHP und XML-Formate an.

Also, um diese URL zu erhalten http://vimeo.com/api/v2/video/6271487.xml

        [übersprungen]
        http://ts.vimeo.com.s3.amazonaws.com/235/662/23566238_100.jpg 
        http://ts.vimeo.com.s3.amazonaws.com/235/662/23566238_200.jpg 
        http://ts.vimeo.com.s3.amazonaws.com/235/662/23566238_640.jpg 
        [übersprungen]

Analysieren Sie dies für jedes Video, um das Vorschaubild zu erhalten

Hier ist ungefährer Code in PHP

Answer 2

Für diejenigen, die immer noch einen Weg suchen, das Miniaturbild nur über die URL zu erhalten, ähnlich wie bei Youtube, habe ich eine kleine Anwendung gebaut, die es nur mit der Vimeo-ID abruft.

https://vumbnail.com/358629078.jpg

Stecken Sie einfach Ihre Video-ID ein und es wird es ziehen und für 28 Tage zwischenspeichern, damit es schnell geliefert wird.

Hier sind ein paar Beispiele in HTML:

Einfaches Bildbeispiel

Modernes responsives Bildbeispiel

Wenn Sie Ihre eigene Instanz starten möchten, können Sie dies hier tun.

Repo

Answer 3

Im JavaScript (verwendet jQuery):

function vimeoLoadingThumb(id){    
    var url = "http://vimeo.com/api/v2/video/" + id + ".json?callback=showThumb";

    var id_img = "#vimeo-" + id;

    var script = document.createElement( 'script' );
    script.src = url;

    $(id_img).before(script);
}

function showThumb(data){
    var id_img = "#vimeo-" + data[0].id;
    $(id_img).attr('src',data[0].thumbnail_medium);
}

Um es anzuzeigen :

  vimeoLoadingThumb({{ video.id_video }});

Answer 4

Sie sollten die API-Antwort von Vimeo analysieren. Es gibt keinen Weg, dies mit URL-Aufrufen zu tun (wie bei Dailymotion oder Youtube).

Hier ist meine PHP-Lösung:

/**
 * Ruft eine Vorschaubild-URL von Vimeo ab
 * @param mixed $id Eine Vimeo-ID (z. B. 1185346)
 * @return Vorschaubild-URL
*/
function getVimeoThumb($id) {
    $data = file_get_contents("http://vimeo.com/api/v2/video/$id.json");
    $data = json_decode($data);
    return $data[0]->thumbnail_medium;
}

Answer 5

Verwendung der jQuery jsonp-Anforderung:

    $.ajax({
        type:'GET',
        url: 'http://vimeo.com/api/v2/video/' + video_id + '.json',
        jsonp: 'callback',
        dataType: 'jsonp',
        success: function(data){
            var thumbnail_src = data[0].thumbnail_large;
            $('#thumb_wrapper').append('<img src="' + thumbnail_src + '"/>');
        }
    });