视频标签video和音频标签audio

这两个标签是html5新增的多媒体标签，使用该标签可以不使用插件，直接播放音频和视频。此前播放视频需要借助于flash插件

（1）Video

参考：https://www.runoob.com/html/html5-video.html

支持三种视频格式：OGG（带有Theora视频编码和Vorbis音频编码的OGG文件），MPEG4(带有H.264视频编码和AAC音频编码的MPEG4文件)，WebM（带有VP8视频编码和Vorbs音频编码的WebM文件）

代码：

<video width="320" height="240" controls="controls">

  <source src="media/调戏小猫.mp4" type="video/mp4">

  <source src="media/video.ogg" type="video/ogg">

  对不起！您的浏览器不支持video标签。

</video>

效果：

（2）Audio

参考：

支持三种格式：OGG Vorbis,MP3，WAV

代码：

<audio controls>

  <source src="media/audio.mp3" type="audio/mp3">

  对不起！您的浏览器不支持audio标签。

</audio>

运行效果：

说明：controls提供了播放、暂停和音量控件，方便用户对视频进行控制，width和height属性定义了视频显示的范围，source可以链接不同的视频和音频文件，浏览器会自动使用第一个可识别的格式

需要特别说明的是：因为此类多媒体标签在不同浏览器上的显示外观不一致，所以当要统一外观样式时，需要开发人员自己使用div+多媒体的api来实现进度条的外观控制