在https网站上使用javascript加载封面图片

时间:2013-12-12 08:33:23

标签: javascript jquery jsonp vimeo vimeo-api

我们的应用程序通过https提供,我们可以在其中嵌入vimeo视频。

现在,我们正在使用JavaScript来加载封面图像。 电话可能看起来像这样

$.ajax({
    type: 'GET',
    url: 'https://www.vimeo.com/api/v2/video/80973511.json',
    jsonp: 'callback',
    dataType: 'jsonp',
    success: function(data) {
        var thumbnail_src = data[0].thumbnail_large;
        console.log(thumbnail_src)
    }
});

请注意,我们在此处请求https,如果您在浏览器中打开上面的网址,则会通过HTTPS加载有关“Zina Nicole Lahr的工作”的信息。

现在,在https上使用jquery的网站上执行此操作,您将收到以下消息:

[已阻止]'https:// ------------ erasesed ---------------'页面是通过HTTPS加载的,但是已经运行来自“http://vimeo.com/api/v2/video/80973511.json?callback=jQuery19106951870615594089_1386837009643&_=1386837009644”的不安全内容:此内容也应通过HTTPS加载。

就像vimeo-api将JSONP请求重定向到不安全的连接一样。 网络标签也是这样说的。

有些东西告诉我这些情况下不支持https吗?

提示: https://vimeo.com/forums/topic:17127

1 个答案:

答案 0 :(得分:1)

从您的网址中取出www。在任一协议上看起来像www.vimeo.com都会重定向到http://vimeo.com

https://www.vimeo.com/api/v2/video/80973511.json重定向 https://vimeo.com/api/v2/video/80973511.json不会重定向