HTML 5 Video概述（7）

5 媒介事件

媒介事件可以作用于各种媒介元素，如视频、音频、图片等，主要包括loadstart、progress、suspend、abort、error、emptied、stalled、play、pause、loadedmetadata、loadeddata、waiting、playing、canplay、canplaythrough、seeking、seeked、timeupdate、ended、ratechange、durationchange、volumechange等事件。

5.1 事件处理方式

一般有两种方式处理事件。

一种是监听的方式：addEventListener(“事件名”,处理函数,处理方式)。例如，如果需要在浏览器对媒介进行播放时执行begin_playing函数，那么可以这样，media. addEventListener(“play”, begin_playing,false)。

另一种是直接赋值的方式：on时间名=处理函数，这是我们相对用的较多的方法，也就是“当XXX事件触发时”。例如，要进行和上面相同的处理，可以这样media.onplay= begin_playing。

5.2 事件介绍

loadstart事件：浏览器开始请求媒介；

progress事件：浏览器正在获取媒介；

suspend事件：浏览器非主动获取媒介数据，但没有加载完整个媒介资源；

abort事件：浏览器在完全加载前中止获取媒介数据；

error事件：获取媒介数据出错；

emptied事件：媒介元素的网络状态突然变为未初始化；

stalled事件：浏览器获取媒介数据异常；

play事件：即将开始播放

pause事件：暂停播放

loadedmetadata事件：浏览器获取完媒介资源的时长和尺寸

loadeddata事件：已加载当前播放位置的媒介数据；

waiting事件：播放由于下一帧无效（例如未加载）而已停止（但浏览器确认下一帧会马上有效）；

playing事件：已经开始播放

canplay事件：浏览器能够开始媒介播放，但估计以当前速率播放不能直接将媒介播放完（播放期间需要缓冲）；

canplaythrough事件：浏览器估计以当前速率直接播放可以直接播放完整个媒介资源（期间不需要缓冲）；