自定义“视频”标签的视频控件

时间:2014-05-18 04:06:26

标签: javascript html css video

嘿:)我有this视频,我希望控件在播放器之外;像这样的东西:

Click to see Image

是否有跨浏览器的方式来执行此操作?即使我必须创建自定义控件(什么会非常好)?

这是我在这里的第一个问题,很抱歉,如果我不够具体。

2 个答案:

答案 0 :(得分:0)

使用预制的视频播放器脚本,例如:http://www.videojs.com/ - 可以使用许多自定义选项。

答案 1 :(得分:0)

通常,最简单的方法是删除视频标记的controls属性,然后将控件编写为单独的HTML元素,这些元素通过JavaScript连接到播放/暂停/导航该视频。这意味着视频盒区域将没有自己的控件,因此用户将依赖于外部控件。 (但请注意,给定正确的CSS样式,它们 不位于外面)