HTML 5视频自定义控件

lee*_*ers 24 html video html5

像许多Web开发人员一样,我期待使用新的HTML 5 <video>标记的流式视频.浏览器支持肯定还不够广泛,因此使用Flash/SWF后备是必须的.

这让我想到:在Flash中,可以高度自定义HTML 5中的播放控件(暂停,播放,停止,搜索,音量等).有哪些选项可用于自定义视频控件的字形,图标和颜色?需要Javascript吗?例如,以下页面根据浏览器呈现不同的控件 - 使用FF3.5,Chrome和Safari进行测试:

http://henriksjokvist.net/examples/html5-video/

在浏览器中自定义和标准化控件甚至匹配旧浏览器使用的Flash控件真的很棒.

Phi*_*ton 27

在HTML5规范,是有controls 属性<video>.

另请参阅此文章:网络视频 - 深入了解HTML5.它解释说:

默认情况下,该元素不会公开任何类型的播放器控件.您可以使用普通的HTML,CSS和JavaScript创建自己的控件.该元素具有play()和pause()等方法以及名为currentTime的读/写属性.还有读/写音量和静音属性.所以你真的拥有构建自己的界面所需的一切.

如果您不想构建自己的界面,可以告诉浏览器显示一组内置控件.为此,只需在标记中包含controls属性即可.