html5声频audio和视频video说明

---

现在已经掀起了html5热潮，本文来说明下html5声频audio和视频video

     在html5中出现了一些新特性：

    * canvas 元素
    * 视频 video 和 声频audio 元素 ；
    * 对本地离线存储（localStorage，sessionStorage）的支持 ；
    * 新增特殊内容元素：article、footer、header、nav、section ；
    * 新增表单控件： calendar、date、time、email、url、search 。

    今天看看视频和声频：在html5中规定了视频的标准方法：video

<video src="xxx.ogg" controls="controls">你的浏览器还不支持哦</video>

  我们也可以设置多个source，浏览器会为我们选择第一个可识别的视频来播放，形如：

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

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

 <source src="xx1.mp4" type="video/mp4">

你的浏览器还不支持哦</video>

video属性有:



在HTML5 规定了声频标准为 audio 元素，audio 元素能够播放声音文件或者音频流。

audio格式和video相似：直接行多source：

<audio controls="controls">
  <source src="xx.ogg" type="audio/ogg">
  <source src="xx1.mp3" type="audio/mpeg">
你的浏览器还不支持哦
</audio>

其属性比video少了height、width、poster。

在我们的开发中多媒体越来越重要，html5出现了这些video和audio

---

« 
» 

---