Video

在文档中简单的插入一个视频

<video>元素可以让你很容易地插入一段视频：

<video src="rabbit320.webm" controls>
  <p>Your browser doern't support HTML5 video. Here is a <a href="rabbit320.webm">link to the video</a> instead.</p>
</video>

src属性的作用跟<img>中的一样
controls提供视频的控制选项，比如开始，停止，音量等。
包含在里面的段落内容是备选内容，跟<img>中alt属性作用一样，即视频无法正常播放时这些内容会出现在页面上。

保证选取的视频格式浏览器是支持的

不同的浏览器又不同的codec（多媒体数字编码信号解调器），但是绝大多数浏览器都的codec都支持mp4和webm这两种视频格式的一种或两种，所以我们就要提供这两种格式的视频供选择：

<video controls>
  <source src="rabbit320.mp4" type="video/mp4">
  <source src="rabbit320.webm" type="video/webm">
  <p>Your browser doesn't support HTML5 video. Here is a <a href="rabbit320.mp4">link to the video</a> instead.</p>
</video>

这里将src从<video>标签中拿去，取而代之的是两个独立的<source>元素，分别指向了两种不同格式的视频，该元素中除了给出视频路径还加上了type属性，这个属性可以被浏览器快速识别，然后选择能播放的一个，如果不加的话也行，但是浏览器会一个个试视频能不能播放，直到找到能播放的那个，这就大大降低了效率。所以这个属性最好加上。

加上其他的一些特性

设置大小跟<img>是一样的，直接加在<video>中添加width height或style="width:;height:;"属性
自动播放加autoplay属性
循环播放加loop属性
静音加muted属性
如果希望播放之前的画面是一张特定的画，比如广告，则添加poster属性给出图片路径，需要注意的是，如果设置了自动播放，画是不出现的。

<video controls width="400" height="400" autoplay loop muted poster="poster.png”>
  <source src="rabbit320.mp4" type="video/mp4">
  <source src="rabbit320.webm" type="video/webm">
  <p>Your browser doesn't support HTML5 video. Here is a <a href="rabbit320.mp4">link to the video</a> instead.</p>
</video>

为视频加上字幕（subtitles），提示语（captions）描述语(timed descriptions)

需要在<video>元素中包含一个<track>元素，给出添加文本的类型，地址，语言这些属性

<video controls>
  <source src="example.mp4" type="video/mp4">
  <source src="example.webm" type="video/webm">
  <track kind="subtitles" src="subtitles.vtt" srclang="en">
</video>

vtt文件需要另外制作

Audio

跟视频差不多，其中格式换为mp3和ogg
其他一些不能显示的属性，像大小，贴画，字幕都不用添加。