HTML5：在 HTTPS 域上播放 HTTP 流

Question

我可以在没有浏览器安全错误的情况下在 HTTPS 域上播放 HTTP 流吗？浏览器默认阻止该请求。

我使用 hls.js 库来支持 .m3u8 桌面播放。当我在没有它的情况下（通过移动设备或 Mac 的 Safari）本地播放内容时，浏览器会显示警告但不会阻止请求。但是当我在启用了 hls.js 的相同设备上或通过桌面浏览器播放它时，请求被阻止。

Answer 1

You can't.

混合内容，当您在 https 站点上通过 http 提供资源时，可以是被动的或主动的。

被动：

• 图片
• 视频
• 音频

活动：

• Javascript
• CSS
• iFrames
• 对象（闪光灯等）
• XHR（使用 javascript 发出的请求）

问题是您的视频是使用 hls.js 提取的，这被认为是活动内容（请参阅最后一个项目符号），因此被阻止。

但是，如果浏览器通过 <video> 元素获取它，则它被视为被动内容并被允许。

建议/解决方法

• 将您的视频服务器切换到 HTTPS。这是首选选项。 HTTPS is faster。 You said that your server's administrator says that the HTTPS will "overload videoservers"。我不信。试试看。

  如果您现在停止阅读，您只需要记住一件事：SSL/TLS 的计算成本不再高。 -- 亚当兰利（谷歌）

• 切换到不同的视频格式，例如 mp4 或 ogg 或 load both。您的网站加载速度会更快，因为您不需要库。
• 切换到 http 不要这样做