HTML5中添加音频与视频文件video元素与audio元素

在html5中新增了两个元素,video与audio,其中video元素专门用来播放网络上的视频或电影,而audio元素专门用来播放网络上的音频数据。使用这两个元素,就不再需要使用其他任何插件了,只要使用支持html5的浏览器就可以了。

这两个元素的使用方法都很简单,首先以audio元素为例,只要把播放视频的URL地址指定给该元素的src属性就可以了,如下所示:

 < audio src="音频地址">你的浏览器不支持audio元素< /audio>

通过这种方法,可以把指定的音频数据直接嵌入在网页上,其中“你的浏览器不支持audio元素”为在不支持audio元素的浏览器中所显示的替代文字。

 video元素的使用方法也很简单,只要设定好元素的长、宽等属性,并且把播放视频的URL地址指定给video的src属性就可以了,如下所示:

< video width="600" height="300" src="视频地址">你的浏览器不支持video元素< /video>

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

< video>

< source src='sample.ogv' type='video /ogg' codecs="theora,vorbis"

< source src='sample.mov' type=' video/quicktime' >

< /video>

source元素具有几个属性:src属性是指播放媒体的url地址;type表示媒体类型;

其他常用属性:

1.autoplay

 在该属性指定媒体是否在页面加载后自动播放。

2.preload

在该属性中指定视频是否预加载

3.poster(video元素)

当视频不可用时,可以使用该属性指定一张图片。

4.controls

在该属性事指定是否为视频添加浏览器自带的播放用的控制条。