html5篇——音频/视频

这一篇介绍html5中音频和视频媒体播放元素。
以前我们要在网页上显示音频和视频，都是借助的插件（比如flash），现在html5推出了

音频

音频在html5用

视频属性介绍

src: 指向视频文件的URL地址。

controls: 显示内置的播放空间，通常包括播放、暂停、定位以及音量。

poster: 规定视频下载时，或者在用户点击播放按钮钱以及视频不可用时显示的图像。如果设置该属性，则使用视频的第一帧来代替。

loop:  重复播放视频，直到按下控件上的暂停按钮或者从脚本调用pause方法。

muted: 设置或返回视频是否应该被静音(关闭声音)。

autoplay: 设置播放器缓冲足够多的内容之后是否开始自动播放视频。

preload: 定义需要多少缓冲，与音频一样.

height: 设置视频播放器的高度(以像素为单位)。

width: 设置视频播放器的宽度(以像素为单位)。

当前

mp4: 带有H.264视频编码和AAC音频编码的MPEG4文件。

WebM: 带有VP8视频编码和Vorbis音频编码的WenM文件。

ogg: 带有Theora视频编码和Vorbis音频编码的Ogg文件。

MP4:

MIME-type: video/mp4

WebM:

MIME-type: video/webm

ogg:

MIME-type:video/ogg

视频格式浏览器支持情况

MP4: IE9及以上/chrome/firefox/safari/opera

WebM: chrome/firefox/opera

ogg: chrome/firefox/opera

多个视频处理

同音频一样，各个浏览器对视频格式的支持也不一样，所以我们需要写多个格式的视频文件，以便兼容，如下：