Как убрать/заменить кнопку воспроизведения в плеере HTML5 на мобильных?

Question

[Марина]

Сделала кастомную кнопку запуска видео. На десктопе всё ок, а на мобильных позади появляется стандартная кнопка воспроизведения.
Есть ли способ убрать стандартную кнопку или заменить её?
UPD: Выяснилось, что на Android-устройствах нет значка. Только на iOS.
Но вопрос всё равно остаётся.

Answer 1

[Марина]

Нашла ответ на свой вопрос на stackoverflow

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

Answer 2

[Даниил Сугоняев]

Как вариант добавить твой значок поверх видео с помощью позиционирования и при клике на него запускать плеер скриптом.

Comments

[Марина]

в данный момент так и происходит.
поверх видео кнопка запуска этого видео. но на телефонах с iOS к видео добавляется свой значок. на Android и десктопе выглядит всё нормально.

[Даниил Сугоняев]

Мо, я делал уже подобное. Посмотрите тут https://self-education.online/why-your-airbnb-may-...
У вас тоже появляется значок поверх кастомного?

[Марина]

Даниил Сугоняев, с телефона значок вообще уезжает вправо и появляется горизонтальная прокрутка.