我发现了类似的问题,但没有一个答案清楚、轻松地说明如何使用 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);
});
提前致谢。
最佳答案
我相信您遇到了“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 .希望对您有所帮助!
关于javascript - 使用 jQuery 获取视频的 Vimeo 缩略图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4709601/