一、发展历:
早期:<embed>+<object>+文件
问题:不是所有浏览器都支持,而且embed不是标准。
现状:Realplay、window
media、Quick Time
、Flash
问题:每个厂商每个标准,网站编码和格式也都不相同,flash的出现解决了面的问题,但是apple在07年决定任何设备将不再支持flash。
HTML5认为浏览器应该原生支持音视频,因为他们现在也是web中的一等公民了!
二、视频格式的简单介绍
1、常见的视频格式
视频的组成部分:画面、音频、编码格式
视频编码:H.264、Theora、VP8(google开源)
常见的音频格式
音频编码:ACC、MP3、Vorbis
2、HTML5支持的格式
HTML5能在完全脱离插件的情况下播放音视频但是不是所有格式都支持。HTML5支持的视频格式:
Ogg =带有Theora视频编码+Vorbis音频编码的Ogg文件
支持的浏览器:F、C、O
MEPG4=带有H.264视频编码+AAC音频编码的MPEG4文件 支持的浏览器:
S、C
WebM=带有VP8视频编码+Vorbis音频编码的WebM格式
支持的浏览器: I、F、C、O
三、<Video>
1.标签的使用:
<video src="文件地址" controls="controls"></video>
IE9以上才支持HTML5,对于不支持的浏览器应该有友好的提示:
<video src="文件地址" controls="controls"> 您的浏览器暂不支持video标签。播放视频 </ video >
再优化:让video标签载入多种不同的音频格式,让浏览器选择他支持的格式,第一个找到了播放第一条,没找到找第二天,以此类推,最后还没找到给出提示不支持
<video controls="controls" width="600"> <source src="movie.ogg" type="video/ogg" > <source src="move.mp4" type="video/mp4" > 您的浏览器暂不支持video标签。播放视频 </ video >
2.Video的常见属性