html5声频audio和视频video

      html5作为下一代web标准，年前轩起了html5热潮。对于html5我只是本着了解看看。关于html5和RIA（silverlight，flash，JavaFx等）我不想说什么，也没有什么可说的，存在就有其存在的理由。孰优孰劣，留给事实、时间来证明的。

     在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属性有:

如果出现该属性，则视频在页面加载时进行加载，并预备播放。

如果使用 "autoplay"，则忽略该属性。

在网页显示时，该二进制属性表示是由用户代理（浏览器）自动缓冲的内容，还是由用户使用相关API进行内容缓冲

在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。

我的html5系列：

html5声频audio和视频video html5-Canvas绘图 html5之Canvas坐标变换应用-时钟实例 html5-web本地存储
零基础HTML入门教程(13)——插入视频video标签 我们前几小结学习了，插入图片插入音频等，我们这一小结学习一下，插入视频标签video并熟练使用。(1)直到现在，仍然不存在一项旨在网页上显示视频的标准。 今天，大多数视频是通过插件（比如 Flash）来显示的。然而，并非所有浏览器都拥有同样的插件。 HTML5 规定了一种通过 video 元素来包含视频的标准方法。 (2)controls 属性供添加播放、暂停和音量控件。 包含宽度和高度属性也是不错的主意。 我们可以看到，页面上面会出现一个可以播放的视频，我们再一些网站上看到视频，都是用
好程序员web前端分享HTML5 video事件应用示例 好程序员web前端分享HTML5 video事件应用示例，使用 onloadedmetadata 事件获取视频的时间长度，使用 ontimeupdate 事件获取视频当前播放的进度，示例代码如下： 1、获取视频时间长度 当视频载入video后，使用 onloadedmetadata 事件获取视频的时间长度。
火狐放不了html5 video MP4格式 火狐放不了html5 video MP4格式 这里教大家解决火狐播放html5 video时 显示视频或mime类型不支持 这是因为火狐不支持mp4格式视频的播放，所以得把mp4格式的视频转为ogg格式的 这里提供一个转换工具 [Total Video Audio Converter] 如果链接失效，请自行百度。
HTML5 元素同样拥有方法、属性和事件 其中的方法用于播放、暂停以及加载等。其中的属性（比如时长、音量等）可以被读取或设置。