多媒体组件html5使用.pdfVIP

html5多媒体组件的使用

1.html5多媒体组件指的是(视频)组件和audio(音频)

组件。HTML5多媒体组件可以在不借助诸如Flash

Player等第三方插件的情况下，直接在你的网页上嵌入

多媒体组件。浏览器提供原生支持视频的新能力使得网

页开发人员更易于在不依赖于外置插件有效性的情况下，

在他们的网站上添加视频组件。由于苹果公司现阶段在

iPhone和iPad上使用的Flash技术的局限性，HTML5多

媒体组件的能力就显得尤为重要了。

html5支持的视频格式

1.视频格式

①当前，元素支持三种视频格式：

②Ogg=带有Theora视频编码和Vorbis音频编码的Ogg文件

③MPEG4=带有H.264视频编码和AAC音频编码的MPEG4文

件

④WebM=带有VP8视频编码和Vorbis音频编码的WebM文件

视频编码和解码

1.视频编码

①所谓视频编码方式就是指通过特定的压缩技术，将某个视频格式

的文件转换成另一种视频格式文件的方式。

2.视频解码

①用特定方法把已经编码的视频还原成它原有的格式，进行播放

3.编码说明

A.Theora视频编码，Theora是开放而且免费的视频压缩编码技术，由

Xiph基金会发布。做为该基金会Ogg项目的一部分，从VP3HD高清

到MPEG-4/DiVX格式都能够被Theora很好的支持。使用Theora无

需任何专利许可费。Firefox和Opera将通过新的HTML5元素提供了

对Ogg/Theora视频的原生支持。

B.H.264视频编码，H.264是在MPEG-4技术的基础之上建立起来的，

H.264与以前的国际标准如H.263和MPEG-4相比，为达到高效的压

缩，充分利用了各种冗余，统计冗余和视觉生理冗余。蓝光技术

（Blu-ray）就采用这种格式

C.VP8视频编码，视频压缩解决方案厂商On2Technologies公司现

已推出必威体育精装版的视频压缩格式On2VP8。On2VP8是第八代的On2视

频，能以更少的数据提供更高质量的视频，而且只需较小的处理能

力即可播放视频

标签属性

属性值描述

autoplayautoplay如果出现该属性，则视频在就绪后

马上播放。

controlscontrols如果出现该属性，则向用户显示控

件，比如播放按钮。

heightpixels设置视频播放器的高度。

looploop如果出现该属性，则当媒介文件完

成播放后再次开始播放。

preloadpreload如果出现该属性，则视频在页面加

载时进行加载，并预备播放。如果

使用autoplay，则忽略该属性。

poster图片地址