使用 hls.js 混合内容答案

【问题标题】：Mixed content with hls.js使用 hls.js 混合内容
【发布时间】：2016-11-30 10:10:20
【问题描述】：

我正在尝试使用 hls.js 库播放 HLS 流，问题是我尝试在其上播放流的站点是 https，获取清单的 url 是 https，所以我很好，但是链接到各个块是http。

Hls.js 使用 XHR 来获取这些块，这会导致我的网站出现混合内容错误。流提供者不会通过 ssl 提供这些块，并且他们在不久的将来也没有这样的计划。在不影响我网站安全性的情况下，我可以使用一个聪明的技巧来解决这个问题吗？

我在谷歌上搜索过这个库的类似问题，我遇到了this 问题，但没有解决。一个可能的解决方案是打开一个单独的页面并在那里加载流，但这是最后一搏。

【问题讨论】：

【解决方案1】：

在我的情况下，我传递了一个 https url，并且请求 still 出于某种原因以 http 发出。我猜他们的代码中有一些正则表达式或解析错误，但我能够用这个 sn-p 解决我的混合内容问题：

let hls = new Hls({
    xhrSetup: (xhr, url) => {
        xhr.open('GET', url.replace('http://', 'https://'))
    }
})

【讨论】：

【解决方案2】：

不，不能混合使用 http 和 https 而不会收到此警告。

【讨论】：