自定义HTML5视频播放器

Question

我想创建一个像youtube一样的自定义HTML5视频播放器。搜索栏使用输入type="range"和自定义滑块（圆形）创建。现在，问题;如何用颜色填充搜索栏的下半部分？

• 在FireFox中成功完成。使用-moz-range-progress

• Microsoft edge也支持此功能，但现在我的滑块拇指不是           可见（只是一个条而不是圆圈）。使用-ms-fill-lower。

• Chrome不支持（头痛!!）。

我想仅使用input元素创建它。非常感谢提前!!