HTML5 视频播放事件属性与API控件--理论

在过去，我们如果想在Web上播放视频，也是都是通过Flash来播放，同样并不是所有的浏览器都安装了Flash播放器插件，而现在我们在HTML5中，就能完全脱离Flash或其他的插件来播放视频了

1、视频格式的简单介绍

视频格式：avi、rmb、wmv、mpeg4、ogg、webm

视频主要有三部分组成：视频、音频、编码格式

HTML5支持的格式：

Ogg= 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件 MPEG4= 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件 WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件

2、HTML5视频标签<video>属性

1	< video  src = "movie.mp4"  controls = "controls" > </ video >

1 2 3

< video  src = "movie.mp4"  controls = "controls" >     浏览器不支持HTML5的视频播放功能 </ video >

1 2 3 4

< video   width = "300"   controls = "controls"   …>      < source  src = "movie.ogg"  type = "video/ogg" >      < source  src = "movie.mp4"  type = "video/mp4" > </ video >

3、HTML5视频API控件

获得video标签，这里是DOM对象
varvideo = document.getElementById('videoID');
也可以通过jQuery的方法，如下：
varvideo = $('#videoID').get(0);

载入视频：load() ， 播放视频：play() ， 暂停：pause() ， 快进10秒：currentTime+=10 播放速度增加：playbackRate++ 播放速度增加0.1：playbackRate+=0.1 音量增加：volume+=0.1 静音：muted=true