Можно ли удалить элементы управления из HTML проигрывателя по умолчанию ( ) без снятия поддержки клавиатуры?

Question

Я хочу сделать пользовательский видеоплеер в React. Поэтому я удалил атрибут controls из тега <video />, это решает проблему скрытия нативных элементов управления и создания моих собственных. Но вы хотите, чтобы он по-прежнему поддерживал встроенные элементы управления клавиатурой.

Пожалуйста, убедитесь, что решение работает на большинстве браузеров, оно не должно быть спецификацией webkit.

Answer 1

Добавьте это к вашему css файлу:

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

демо: https://jsfiddle.net/TheKetan2/3ba4t2ux/1/