Видео HTML5 не воспроизводится на iOS через HTTPS при развертывании на хостинге Firebase

Question

Я использую тег HTML5 Video на PWA, созданный в angular 6, и я не могу заставить его работать.Сначала я подумал, что это проблема с кодировкой, поскольку она работает в FF, Chrome (для настольных ПК и мобильных устройств) и Safari Desktop.Я проверил кодировку и использование тега видео.Я считаю, что все в порядке. Я могу воспроизвести видео на iOS, когда обслуживаю его по HTTP с моего локального компьютера.

ng serve --host 0.0.0.0

Не удается воспроизвести видео при попытке использовать HTTPS и сертификат, сгенерированный из openssl.

http-server dist/marcel-webapp/ -S

Это наводит меня на мысль, что проблема только в ненадежных сертификатах.Проблема, из-за которой мне очень трудно найти решение, заключается в том, что я размещаю его на Firebase, и Google автоматически обрабатывает предоставление сертификатов SSL.Я проверил свою версию хранилища доверенных сертификатов на своем телефоне, и в списке нет ни корневых, ни промежуточных сертификатов.

Вот ссылка на видео моего сайта

Вопрос в том ... Если у вас действительно есть проблема с сертификатом на firebase, что можно с этим поделать?

Заранее благодарим за любые указания по этому вопросу.

Answer 1

Обновление и выявленная актуальная проблема!Я устранил ненадежный сертификат как проблему, развернув его на AWS.Проблема на самом деле связана с работником службы, созданным при добавлении поддержки PWA в проект.Причина, по которой видео работает по протоколу HTTP, заключается в том, что работники служб включены только в HTTPS.Я использую Angular 6 для создания PWA, однако, похоже, что другие платформы имеют ту же проблему.Отключение сервисных работников в Safari позволяет отображать видео в соответствии с ожиданиями

Настройки> Safari> Дополнительно> Экспериментальные функции> Сервисные работники

Я обнаружил, что этот пост описывает проблемув мельчайших подробностях. Посмотреть сообщение здесь