VideoJS 5視頻播放器更改音量和進度條的點擊框

Question

我在頁面上添加了HTML5 VideoJS Player，並且我對音量和進度條有問題。
這兩個小節的hitbox（您點擊的空間）非常小，只要點擊小節級別即可使用。

我希望它很清楚，否則你可以在JsFiddle（我在評論中添加）嘗試改變響度或進度。

編輯1：如果您單擊酒吧層以外的位置並且我不會更改酒吧層的高度，它也應該可以工作。
編輯2：靜音按鈕的hitbox也很小。

Answer 1

我認爲你可以achive它例如以這種方式：

1. 增加hitbox高度也填補整個控制欄，並使其透明（你仍然可以點擊它們）

2. 添加額外的DOM元素以顯示當前進度或音量（您也可以使用:before）。

下面是一個簡單證明了概念：https://jsfiddle.net/oa3d23pL/1/