HTML5新增音视频

HTML5音视频主要包含以下内容

audio音频

<audio></audio>标签定义声音，比如音乐或其他音频流。

其属性有：

  1. autoplay属性，自动播放
  2. controls属性，出现控制面板
  3. loop属性，设置单曲循环
  4. preload属性，提前加载
  5. src属性，要播放的音频的URL

当有多种资源时，就可以用到<source/>属性，一个audio里可以有多个source。

    <audio preload autoplay controls>
        <source src="" type="audio/mp3" />
        <source src="" type="audio/ogg" />
        <source src="" type="audio/mpeg" />
    </audio>

video视频

<video></video>标签定义视频，比如电影片段或其他视频流。

其属性有：

  1. autoplay属性，自动播放
  2. controls属性，出现控制面板
  3. loop属性，设置单曲循环
  4. preload属性，提前加载
  5. src属性，要播放的音频的URL
  6. width属性，可以设置宽度让其高度自适应

当有多种资源时，就可以用到<source/>属性，一个video里可以有多个source。

    <video width="100%" controls>
        <source src="http://www.zhangxinxu.com/study/media/cat.mp4" type="video/mp4">
        <source src="" type="video/mkv" />
        <source src="" type="video/rmvb" />
    </video>

source标签

<source/>标签为媒介元素（比如<video>和<audio>）定义媒介资源。

<source/>标签允许您规定可替换的视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。

track标签

用在媒体播放器中的文本轨道，如歌词文件/字幕文件。