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

我发现了类似的问题，但没有一个答案清楚、轻松地显示如何使用 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);
});

提前致谢。

我相信你有“同源政策 http://en.wikipedia.org/wiki/Same_origin_policy“问题。您应该考虑使用类似“的内容编写服务器端脚本文件获取内容 http://php.net/manual/en/function.file-get-contents.php" or "fopen http://www.php.net/manual/en/function.fopen.php”，使您能够从 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“？”中调用“回调”。这通知 getJSON 函数将成功的数据返回传递给提供的函数。

你可以测试我的代码here http://jsfiddle.net/lmcculley/M3w8p/。希望能帮助到你！