iOS Safari 13: как скрыть элементы управления прямой трансляцией в элементе <video> - PullRequest
Новая
       25

iOS Safari 13: как скрыть элементы управления прямой трансляцией в элементе <video>

0 голосов
/ 10 апреля 2020

Я занимаюсь разработкой веб-приложения для трансляции видео и борюсь с некоторыми из "функций" Safari.

Мне необходимо удалить элементы управления, которые Safari предоставляет элементу на клиенте страница (см. скриншот ниже). Мой видеоэлемент закодирован следующим образом: 

<video id="video201" 
       style="width: 100%; height: 100%; position: absolute; object-fit: cover;" 
       autoplay="" 
       playsinline="">
</video>

Как видите, атрибут «controls» не установлен, чтобы иметь скрытые элементы управления: он корректно работает на Android Chrome, Edge, Chrome на рабочем столе, Firefox и т. Д. c ... Единственная причина, по которой у меня болит голова, - это Safari на iOS 13.3.

. Я могу использовать javascript для управления видеоэлементом .

Я ДЕЙСТВИТЕЛЬНО буду признателен за любую подсказку в правильном направлении по этому вопросу.

Обновление 2020-04-16 До сих пор я пробовал некоторые CSS найденные на SO, как показано ниже, но без везения: 

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

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

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

enter image description here

...