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

前端之家收集整理的这篇文章主要介绍了javascript – 使用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);
});

提前致谢.

解决方法

我相信你有“ 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’?’中调用’callback’.这会通知getJSON函数将成功的数据返回传递给提供的函数.

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

原文链接:https://www.f2er.com/jquery/156591.html

猜你在找的jQuery相关文章