VideoJS 5 видеоигр сменит поле ввода громкости и индикатор выполнения

Question

Я добавил HTML5 VideoJS Player на свою страницу, и у меня возникла проблема с индикатором уровня громкости и индикатора выполнения.
hitbox (место, где вы нажимаете) для обоих баров очень мало, и оно работает, только если вы нажмете на уровне бара.

Надеюсь, это ясно, иначе вы можете попробовать в JsFiddle (я добавлю в комментарий), чтобы изменить громкость ord progress.

Редактировать 1: Он также должен работать, если вы нажмете вне уровня бара, и я бы не изменил высоту уровня бара.
Редактировать 2: Ситуация с кнопкой отключения звука также невелика.

Answer 1

Я думаю, что вы можете achive его, например, таким образом:

1. Увеличение hitbox высота слишком заполнить всю панель управления и сделать его прозрачным (все же вы сможете нажать на них)

2. добавьте дополнительный элемент DOM для отображения текущего прогресса или громкости (вы также можете использовать :before).

Вот простое доказательство правильности концепции: https://jsfiddle.net/oa3d23pL/1/