HTML5 - iOS 11+ скрывает элементы управления видео

Question

Я пытаюсь удалить кнопку воспроизведения из видео.Ниже приведен мой код:

<video class="video" autoplay muted loop playsinline poster="video.gif">
   <source src="video.mp4" />
</video>

Поскольку атрибут «элементы управления» является логическим, я не вижу их в браузерах Chrome, Firefox, IE и Android - так что все в порядке.Но они все же появились на Safari.Этот фрагмент кода удален кнопкой «play» на iOS 9.4.

.video::-webkit-media-controls-panel {
    display: none!important;
    -webkit-appearance: none;
}

.video::--webkit-media-controls-play-button {
    display: none!important;
    -webkit-appearance: none;
}

.video::-webkit-media-controls-start-playback-button {
    display: none!important;
    -webkit-appearance: none;
}

Но он все еще появляется на iOS 11.2.

Ты хоть представляешь, как от него избавиться?

Answer 1

Вы можете использовать JavaScript, чтобы отключить его.

document.getElementById("herePutVideoId").controls = false;