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