点击这里给我发消息 点击这里给我发消息
首页 > 行业资讯 > HTML>详细内容

html5声频audio和视频video说明

添加时间:2013-12-6
    相关阅读: 开发 HTML
现在已经掀起了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 本文作者:未知
咨询热线:020-85648757 85648755 85648616 0755-27912581 客服:020-85648756 0755-27912581 业务传真:020-32579052
广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
广州商务地址:广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
= 深圳商务地址:深圳市宝源路华丰宝源大厦606
研发中心:广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册