为了HTML5,到底需要多少种编码格式

html-css027

为了HTML5,到底需要多少种编码格式,第1张

目前来说,广泛被浏览器支持的的视频编码格式总共有三种,但是没有一种可以达到通吃所有浏览器的境界。所以对于同一个视频,至少需要两种格式,才能在所有浏览器里播放。

首先要选择一个被支持最多的视频格式,那么就是 MP4 + H.264 这个组合了,音频方面则是 AAC 或者 MP3。MP4 封装的视频,可以在 Safari、Chrome 和 IE9 里播放(悲剧的是 IE9 只支持 Windows Vsita 和 Windows 7)。同时,这个组合也是你通过 Flash 来作为播放器播放的最好选择了,同时这个组合也可以在很多手持设备上播放,比如 iOS、Android、Blackberry、PSP、PS3 等等。在 H.264 编码的时候,可以选择 “High Profile” 以获得最好的编码质量,或者 “Baseline” 来应对一些移动设备。

除此之外,还有两个组合,WebM + VP8 和 Ogg + Theora + Vorbis 来满足其他的浏览器。WebM 可以在 Firefox(4.0+)、Chrome(6.0+)和 Opera(10.60+)中播放;Ogg 可以在 Firefox(3.5+)、Chrome(3.0+)和 Opera(10.54+)中播放。

在设置颜色时有多种方法:

采用颜色的英文单词

比如

red

指红色

采用#号,后面跟6位的16进制数字,比如:#ff0000

表示红色 每个数字的取值为0~9,a~f(a表示10,f表示15)。当第1~2位、第3~4位、第5~6位的数字分别相同时,可以缩写为3位,如 #ff0000可以缩写为

#f00,

#3399ff可以缩写为#39f。对于#3699ff此类不满足条件的颜色值则不能缩写

采用rgb数值表示法,比如

rgb(255,

0,

0)

表示红色,三个数字分别表示红、绿、蓝,取值范围为0~255

采用rgba数值表示法,比如rgba(255,

0,

0,

0.5)

表示50%透明度的红色,最后一个数字表示透明度,取值为0~1之间的小数,0表示全透明,1表示不透明。