现在已经掀起了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。