HTML5发布之前，网页上显示视频没有统一的标准。大部分视频都是通过Flash等不同插件显示的。但是，HTML5指定了使用视频元素在网页上显示视频的标准方式。

目前，视频元素支持三种视频格式，如表2所示。

以下示例显示了视频元素的使用：

！声明文档类型

超文本标记语言

身体

视频src=' vdeo . ogg ' width=' 320 ' height=' 240 ' controls=' controls '

此浏览器不支持视频元素。

/视频

/body

/html

该示例使用Ogg文件，可以在Firefox、Opera和Chrome中使用。为了使视频在Safari和Chrome的未来版本中工作，我们必须添加一个MPEG4和WebM文件。

视频元素允许多个源元素。源元素可以链接到不同的视频文件。浏览器将使用个识别的格式，如下所示：

视频宽度='320 '高度='240 '控件='controls '

source src=' vdeo . ogg ' type=' video/ogg '/

source src=' vdeo . MP4 ' type=' video/MP4 '/

source src=' vdeo . webm ' type=' video/webm '/

此浏览器不支持视频元素。

/视频

图6:画布输出