javascript - 使用 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

我相信您遇到了“same origin policy”问题。您应该考虑使用“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“？”中调用“回调”。这会通知 getJSON 函数将成功的数据返回传递给提供的函数。

你可以测试我的代码here .希望对您有所帮助!