使用jQuery获取视频的Vimeo缩略图

Question

我发现了类似的问题,但没有一个答案清楚,轻松地显示如何使用jQuery和JSON获取vimeo视频的缩略图.如果有人能提供帮助那就太好了,这就是我所拥有的,但此刻并没有显示任何内容.

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,并通过一个很好的ajax调用输出到您的javascript.

如果您想避免使用服务器端脚本,可以使用数据类型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直接附加到函数中,因此您将在url'？'中调用'callback'.这会通知getJSON函数将成功的数据返回传递给提供的函数.

你可以在这里测试我的代码.希望能帮助到你!

Answer 2

使用更新后的 API，这将是...

$.getJSON('https://vimeo.com/api/oembed.json?url=https://vimeo.com/' + id, {format: "json"}, function(data) {
  $(".thumbs").attr('src', data.thumbnail_url)
});