修改默认的HTML5视频控件

时间:2013-06-11 19:42:22

标签: javascript custom-controls html5-video

我对你们所有人都有一个相当不寻常的问题;这可能是愚蠢的,但我是这个领域的新手,我真的很感激一些帮助。

正如标题所示,我想知道是否有办法从HTML5视频的默认浏览器控件中禁用特定按钮。

我知道每个浏览器都有自己独特的一组控件,所以我认为我不能用CSS覆盖按钮。 如果不可能,可能会以某种方式通过Javascript将视频全屏幕事件绑定到另一个事件?

我正在考虑制作自定义控件或使用预制的玩家,但如果可能的话,我想在不使用任何一个的情况下逃脱。

我感谢任何帮助。

1 个答案:

答案 0 :(得分:3)

您无法隐藏特定的本机控件。您可以使用它们,也可以通过controls属性隐藏它们。

至于使用全屏事件以及视频API提供的其他事件,longtail会对不同浏览器和设备中的兼容性或缺乏兼容性进行广泛研究。

您可以在视频元素的顶部制作自己的css控件,并通过此处演示的html5 media api控制不同的操作。

对于全屏类型的内容,我建议您查看专为Vimeo HTML5播放器编写的代码here

根据您试图获得多少支持,处理Video API是一种噩梦。