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元素也经常被使用来实现浏览器的兼容,因为 浏览器支持的不同媒体编码格式。