VideoJS 5视频播放器更改音量和进度条的点击框

Question

我在页面上添加了HTML5 VideoJS Player，并且我对音量和进度条有问题。
这两个小节的hitbox（您点击的空间）非常小，只要点击小节级别即可使用。

我希望它很清楚，否则你可以在JsFiddle（我在评论中添加）尝试改变响度或进度。

编辑1：如果您单击酒吧层以外的位置并且我不会更改酒吧层的高度，它也应该可以工作。
编辑2：静音按钮的hitbox也很小。

Answer 1

我认为你可以achive它例如以这种方式：

1. 增加hitbox高度也填补整个控制栏，并使其透明（你仍然可以点击它们）

2. 添加额外的DOM元素以显示当前进度或音量（您也可以使用:before）。

下面是一个简单证明了概念：https://jsfiddle.net/oa3d23pL/1/