Ottenere Vimeo miniature per il video utilizzando jQuery

Question

ho trovato domande simili, ma nessuna delle risposte mostrano chiaramente e facilmente come ottenere una miniatura per un video Vimeo utilizzando jQuery e JSON. Se qualcuno può aiutare sarebbe fantastico, ecco quello che ho, ma si vede nulla in questo momento.

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);
});

Grazie in anticipo.

Answer 1

Credo che stai avendo la " stessa politica di origine " questione. Si dovrebbe prendere in considerazione la scrittura di uno script lato server usando qualcosa come " file_get_contents " o ' fopen ', che consente di catturare i dati da vimeo, tradurlo a jSON, e l'uscita per il vostro javascript con un bel chiamata ajax.

Se volete evitare di usare uno script lato server si può utilizzare il tipo di dati 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);
});

Si noti l'URL è un po 'diverso da come lo si utilizza. Il callback quali è stata definita come var non è necessaria. Stai attaccare il getJSON a una funzione direttamente, quindi dovrete chiamare il 'richiamata' nell'URL '?'. Questa la funzione getJSON informa per passare il ritorno dei dati di successo per la funzione in dotazione.

È possibile verificare il mio codice qui . Speranza che aiuta!

Answer 2

Si prega di check-out questa pagina ; Vimeo ha un nuovo metodo di oEmbed chiamata come Vimeo sta ora spingendo di essa la nuova tecnologia oEmbed.

Il metodo di cui sopra, non riuscirà a IE (non verranno mostrati pollici).