我们的应用程序是通过 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 请求,如果您在浏览器中打开上面的 url,它将通过 HTTPS 加载有关“Zina Nicole Lahr 的作品”的信息。
现在,在 https 上使用 jquery 的站点上执行此操作,您将收到以下消息:
[阻止] 'https:// ------------erased---------------' 的页面是通过 HTTPS 加载的,但运行的内容不安全' http://vimeo.com/api/v2/video/80973511.json?callback=jQuery19106951870615594089_1386837009643&_=1386837009644 ': 此内容也应通过 HTTPS 加载。
就像 vimeo-api 将 JSONP 请求重定向到不安全的连接一样。网络选项卡也是如此。
有些东西告诉我在这些情况下不支持 https?