Видеоплеер HTML5 показывает элементы управления только в iOS 12.x.x
, даже если для элементов управления установлено значение false
в теге video
, но все остальные браузеры работают нормально и не отображают управление.
Сценарий заключается в том, что всякий раз, когда страница загружается, мы автоматически воспроизводим видео на баннере, но если функция экономии заряда батареи включена, то она не будет автоматически воспроизводиться, видео показывает кнопку воспроизведения с исходным уменьшенным изображением (только в iOS 12.xx), в то время как в других браузерах показывает начальный эскиз видео без кнопки воспроизведения.
Мой код выглядит так:
<video id="header-video" autoplay="true" controls="false" playsinline="true" muted="true" loop="true">
// sources here
</video>
Я ищу решение, чтобы скрыть этот значок воспроизведения (показанный на прикрепленном изображении), но если это невозможно, то есть ли какое-либо решение, с помощью которого я могу узнать, что включен режим энергосбережения, и скрыть видео (потому что у меня есть фон для обратной совместимости).