首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

HTML5 多媒体播放【一】

2012-08-30 
HTML5 多媒体播放【1】video与audio元素基础在HTML5中,video元素专门用来播放网络上的视频或电影,而audio元

HTML5 多媒体播放【1】
video与audio元素基础

在HTML5中,video元素专门用来播放网络上的视频或电影,而audio元素专门用来播放网络上的音频数据。

以audio元素为例,只要把播放音频的URL给指定元素的src属性就可以了,例如:

另外,还可以通过使用source元素来为同一个媒体数据指定多个播放格式与编码方式,以确保浏览器可以从中选择一种自己支持的播放格式进行播放,浏览器的选择顺序为代码中的书写顺序,它会从上往下判断自己对该播放格式是否支持,直到选择到自己支持的播放格式为止。其使用方法如下所示:

source元素具有以下几个属性:

src属性是指播放媒体的URL地址;type属性表示媒体类型,其属性值为播放文件的MIME类型,该属性中的codecs参数表示所使用的媒体的编码格式。

因为各浏览器对各种媒体类型及编码格式的支持情况都各不相同,所以使用source元素来指定多种媒体类型是非常有必要的。

IE9:支持H.264和VP8视频编码格式;支持MP3和WAV音频编码格式。Firefox 4及以上、Opera 10及以上:支持Ogg Theora和VP8视频编码格式;支持Ogg vorbis和WAV音频格式。Chrome 6及以上:支持H.264、VP8和Ogg Theora视频编码格式;支持Ogg vorbis和MP3音频编码格式。

热点排行