Скрыть собственную кнопку воспроизведения видео в google chrome

Question

Я пытаюсь скрыть кнопку воспроизведения по умолчанию в центре моего видео. У меня есть пользовательская кнопка воспроизведения, но встроенная кнопка воспроизведения отображается под ней на планшетах и ​​мобильных устройствах. Я не могу получить доступ к CSS для него с ::--webkit-media-controls-play-button или ::-webkit-media-controls-start-playback-button.

У меня такая же проблема, как https://stackoverflow.com/questions/39602852/disable-download-button-for-google-chrome#= , но я застрял в поиске аналогичного решения.

Скрытие элементов управления полностью с помощью CSS ниже будет работать, но я хочу скрыть кнопку воспроизведения в этом случае.

video::-webkit-media-controls{ 
    display: none; 
    -webkit-appearance: none; 
} 

Любые идеи?

Answer 1

Немного искал, но нашел его в comments here и подтвердил, что он работает на Chrome для Android.

video::-webkit-media-controls-overlay-play-button { 
    display: none; 
}