Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/381.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 自定义HTML5视频播放器_Javascript_Css_Html_Video - Fatal编程技术网

Javascript 自定义HTML5视频播放器

Javascript 自定义HTML5视频播放器,javascript,css,html,video,Javascript,Css,Html,Video,我想创建一个类似youtube的自定义HTML5视频播放器。seekbar是使用输入type=“range”和自定义滑块拇指(圆形)创建的。现在,问题来了;如何用颜色填充seekbar的下半部分 在FireFox中成功完成。使用-moz范围进度 Microsoft edge也支持此功能,但现在我的滑块拇指不支持 可见(只有一个条而不是圆)。使用-ms填充较低 Chrome中不支持(头痛!!) 我只想使用输入元素创建它。提前多谢 简短的回答。。你不能!如果没有跨浏览器支持,您就无法神奇地创建浏

我想创建一个类似youtube的自定义HTML5视频播放器。seekbar是使用输入
type=“range”
和自定义滑块拇指(圆形)创建的。现在,问题来了;如何用颜色填充seekbar的下半部分

  • 在FireFox中成功完成。使用-moz范围进度

  • Microsoft edge也支持此功能,但现在我的滑块拇指不支持
    可见(只有一个条而不是圆)。使用-ms填充较低

  • Chrome中不支持(头痛!!)


我只想使用输入元素创建它。提前多谢

简短的回答。。你不能!如果没有跨浏览器支持,您就无法神奇地创建浏览器支持,您必须找到另一种方法,例如使用看起来像滑块的常规元素。为什么不看看一些玩家的源代码,看看他们是如何解决的呢。。我想这就是我现在必须做的。谢谢你抽出时间。