ios - 当部署到 Firebase 托管时，HTML5 视频无法通过 HTTPS 在 iOS 上播放

Question

我在以 Angular 6 创建的 PWA 上使用 HTML5 Video 标签，但我无法让它工作。起初我认为这是编码问题，因为它适用于 FF、Chrome(桌面和移动)和 Safari 桌面。我检查了视频标签的编码和使用。我相信一切都井井有条。 我可以在本地使用 HTTP 服务时在 iOS 上播放视频。

ng serve --host 0.0.0.0

尝试使用 HTTPS 和从 openssl 生成的证书时无法播放。

http-server dist/marcel-webapp/ -S

这使我相信问题仅出在不受信任的证书上。我很难找到解决方案的问题是我将它托管在 Firebase 上，而谷歌会自动处理 SSL 证书的配置。我检查了我手机上的信任库版本，没有列出正在使用的根证书或中间证书。

Here is the link to the video my site

问题是...如果 firebase 确实存在证书问题，该怎么办？

提前感谢您对此的任何指导。

Answer 1

更新并确定实际问题!我通过部署到 AWS 消除了不受信任的证书问题。这个问题其实和项目添加PWA支持时创建的service worker有关。视频通过 HTTP 工作的原因是服务 worker 仅在 HTTPS 中启用。我正在使用 Angular 6 创建 PWA，但似乎其他框架也有同样的问题。在 Safari 中关闭 services workers 可以让视频按预期显示

设置 > Safari > 高级 > 实验性功能 > Service Workers

我发现这篇文章非常详细地描述了这个问题。 View Post Here