Получить миниатюру Vimeo для видео с помощью jQuery

Question

Я нашел похожие вопросы, но ни один из ответов не показывает ясно и легко, как получить миниатюру для видео vimeo, используя jQuery и JSON.Если кто-то может помочь, это было бы здорово, вот что я получил, но на данный момент ничего не показывает.

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

Заранее спасибо.

Answer 1

Я полагаю, у вас проблема " тот же источник ". Вы должны написать сценарий на стороне сервера, используя что-то вроде " file_get_contents " или " fopen ", что позволит вам получать данные из vimeo, переводить их в json и выводить в свой javascript с хорошим вызовом ajax.

Если вы не хотите использовать серверный скрипт, вы можете использовать тип данных 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);
});

Обратите внимание, что URL немного отличается от того, как вы его используете. Обратный вызов, который вы определили как var, не нужен. Вы подключаете getJSON к функции напрямую, поэтому вы будете вызывать 'callback' в URL '?'. Это информирует функцию getJSON для передачи успешного возврата данных в предоставленную функцию.

Вы можете проверить мой код здесь . Надеюсь, это поможет!

Answer 2

Пожалуйста, проверьте эту страницу ;У Vimeo появился новый вызов метода oEmbed, так как Vimeo теперь продвигает свою новую технологию oEmbed.

Вышеприведенный метод не будет работать в IE (большие пальцы не будут отображаться).