HTML5视频和音频

赖林林所知,当前视频已是网络浏览的主要力量,许多网站都提供视频,每天有数以千万计的用户访问网站上分享的视频内容,从SEO的角度上说,因为看视频网站的停留时间长,所以,视频网站被搜索引擎分配的权重是比较高的。

在网页中播放视频目前仍没有固定的标准,当前网络上的视频播放主要是由Flash Player 插件实现,小部分由QuickTime Player 和 Windows Media Player 插件来实现。

但是,不是所有浏览器都使用同样的插件,因此,HTML5提供了展示视频内容的标准,它规定了video元素来实现播放视频,同时也规定了audio元素来实现播放音频。

例如下面的代码就可以在网页中呈现视频:

<video src="movie.ogg" controls="controls">

</video>

control属性提供添加播放、暂停和音量控件,包含width、height属性定义宽度和高度。

<video>与</video>之间插入的内容是供不支持video元素的浏览器显示的:

<video src="movie.ogg" width="640" height="480" controls="controls">

您的浏览器不支持HTML5视频功能!

</video>

HTML5新增的元素audio支持音频播放功能,其属性和video元素的属性类似。看下面的代码:

<audio src="song.ogg" controls="controls">

</audio>

使用source元素:

source 元素本身不代表任何含义,不能单独出现,只能位于video元素和audio元素内,用于给video元素和audio元素指定多个可供选择的文件地址 (浏览器最终只能选择一个),且只能在video元素和audio元素没用定义src属性时使用,source元素也经常被使用来实现浏览器的兼容,因为 浏览器支持的不同媒体编码格式。

posted @ 2013-06-28 10:29  lailinlin_com  阅读(150)  评论(0编辑  收藏  举报